2 * Copyright (C) 2013 Canonical, Ltd.
4 * This program is free software; you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation; version 3.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
13 * You should have received a copy of the GNU General Public License
14 * along with this program. If not, see <http://www.gnu.org/licenses/>.
18 import "../Components"
19 import Ubuntu.Components 0.1
20 import Ubuntu.Gestures 0.1
21 import Unity.Launcher 0.1
26 property bool available: true // can be used to disable all interactions
28 property int panelWidth: units.gu(8)
29 property int dragAreaWidth: units.gu(1)
30 property int minimizeDistance: units.gu(26)
31 property real progress: dragArea.dragging && dragArea.touchX > panelWidth ?
32 (width * (dragArea.touchX-panelWidth) / (width - panelWidth)) : 0
34 readonly property bool shown: panel.x > -panel.width
36 // emitted when an application is selected
37 signal launcherApplicationSelected(string appId)
39 // emitted when the apps dash should be shown because of a swipe gesture
42 // emitted when the dash icon in the launcher has been tapped
49 dismissTimer.restart()
58 fadeOutAnimation.start();
61 function switchToNextState(state) {
62 animateTimer.nextState = state
81 if (!panel.preventHiding) {
84 dismissTimer.restart()
89 // Because the animation on x is disabled while dragging
90 // switching state directly in the drag handlers would not animate
91 // the completion of the hide/reveal gesture. Lets update the state
92 // machine and switch to the final state in the next event loop run
95 objectName: "animateTimer"
97 property string nextState: ""
99 // switching to an intermediate state here to make sure all the
100 // values are restored, even if we were already in the target state
102 root.state = nextState
106 SequentialAnimation {
110 panel.layer.enabled = true
113 UbuntuNumberAnimation {
116 easing.type: Easing.InQuad
121 panel.layer.enabled = false
122 panel.animate = false;
124 panel.x = -panel.width
126 panel.animate = true;
133 enabled: root.state == "visible"
135 anchors.rightMargin: -units.gu(2)
143 if (panel.x < -panel.width/3) {
144 root.switchToNextState("")
146 root.switchToNextState("visible")
154 left: launcherDragArea.right
157 bottom: parent.bottom
159 enabled: root.state == "visible"
169 opacity: root.state == "visible" ? 0.6 : 0
171 Behavior on opacity { NumberAnimation { duration: UbuntuAnimation.BriskDuration } }
176 objectName: "launcherPanel"
177 enabled: root.available
178 width: root.panelWidth
181 bottom: parent.bottom
184 visible: x > -width || dragArea.status === DirectionalDragArea.Undecided
187 property bool animate: true
189 onApplicationSelected: {
191 launcherApplicationSelected(appId)
198 onPreventHidingChanged: {
199 if (dismissTimer.running) {
200 dismissTimer.restart();
205 enabled: !dragArea.dragging && !launcherDragArea.drag.active && panel.animate;
208 easing.type: Easing.OutCubic
212 Behavior on opacity {
214 duration: UbuntuAnimation.FastDuration; easing.type: Easing.OutCubic
222 direction: Direction.Rightwards
224 enabled: root.available
225 width: root.dragAreaWidth
229 if (status !== DirectionalDragArea.Recognized || launcher.state == "visible")
232 // When the gesture finally gets recognized, the finger will likely be
233 // reasonably far from the edge. If we made the panel immediately
234 // follow the finger position it would be visually unpleasant as it
235 // would appear right next to the user's finger out of nowhere.
236 // Instead, we make the panel go towards the user's finger in several
237 // steps. ie., in an animated way.
238 var targetPanelX = Math.min(0, touchX - panel.width)
239 var delta = targetPanelX - panel.x
240 // the trick is not to go all the way (1.0) as it would cause a sudden jump
241 panel.x += 0.4 * delta
246 if (distance > panel.width / 2) {
247 root.switchToNextState("visible")
248 if (distance > minimizeDistance) {
252 root.switchToNextState("")
260 name: "" // hidden state. Must be the default state ("") because "when:" falls back to this.
275 when: teaseTimer.running
278 x: -root.panelWidth + units.gu(2)