2 * Copyright (C) 2014 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 Ubuntu.Components 1.1
19 import Ubuntu.Gestures 0.1
20 import "../Components"
25 property alias indicatorsModel: bar.indicatorsModel
26 property alias showDragHandle: __showDragHandle
27 property alias hideDragHandle: __hideDragHandle
28 property alias overFlowWidth: bar.overFlowWidth
29 property alias verticalVelocityThreshold: yVelocityCalculator.velocityThreshold
30 property int minimizedPanelHeight: units.gu(3)
31 property int expandedPanelHeight: units.gu(7)
32 property real openedHeight: units.gu(71)
33 readonly property real unitProgress: Math.max(0, (height - minimizedPanelHeight) / (openedHeight - minimizedPanelHeight))
34 readonly property bool fullyOpened: unitProgress >= 1
35 readonly property bool partiallyOpened: unitProgress > 0 && unitProgress < 1.0
36 readonly property bool fullyClosed: unitProgress == 0
37 property bool enableHint: true
38 property bool contentEnabled: true
39 property color panelColor: "black"
41 signal showTapped(point position)
43 // TODO: Perhaps we need a animation standard for showing/hiding? Each showable seems to
44 // use its own values. Need to ask design about this.
45 showAnimation: StandardAnimation {
48 duration: UbuntuAnimation.BriskDuration
49 easing.type: Easing.OutCubic
52 hideAnimation: StandardAnimation {
54 to: minimizedPanelHeight
55 duration: UbuntuAnimation.BriskDuration
56 easing.type: Easing.OutCubic
59 height: minimizedPanelHeight
61 onUnitProgressChanged: d.updateState()
62 clip: root.partiallyOpened
75 objectName: "menuContent"
82 height: openedHeight - bar.height - handle.height
83 indicatorsModel: root.indicatorsModel
84 visible: root.unitProgress > 0
85 enabled: contentEnabled
86 currentMenuIndex: bar.currentItemIndex
98 active: d.activeDragHandle ? true : false
100 //small shadow gradient at bottom of menu
107 height: units.gu(0.5)
109 GradientStop { position: 0.0; color: "transparent" }
110 GradientStop { position: 1.0; color: "black" }
123 objectName: "indicatorsBar"
130 enableLateralChanges: false
132 unitProgress: root.unitProgress
134 height: expanded ? expandedPanelHeight : minimizedPanelHeight
135 Behavior on height { NumberAnimation { duration: UbuntuAnimation.SnapDuration; easing: UbuntuAnimation.StandardEasing } }
141 anchors.left: bar.left
144 forceScrollingPercentage: 0.33
145 stopScrollThreshold: units.gu(0.75)
146 direction: Qt.RightToLeft
149 onScroll: bar.addScrollOffset(-scrollAmount);
155 anchors.right: bar.right
158 forceScrollingPercentage: 0.33
159 stopScrollThreshold: units.gu(0.75)
160 direction: Qt.LeftToRight
163 onScroll: bar.addScrollOffset(scrollAmount);
167 anchors.bottom: parent.bottom
168 anchors.left: parent.left
169 anchors.right: parent.right
170 height: minimizedPanelHeight
171 enabled: __showDragHandle.enabled
173 bar.selectItemAt(mouseX)
180 objectName: "showDragHandle"
181 anchors.bottom: parent.bottom
182 anchors.left: parent.left
183 anchors.right: parent.right
184 height: minimizedPanelHeight
185 direction: Direction.Downwards
186 enabled: !root.shown && root.available
187 autoCompleteDragThreshold: maxTotalDragDistance / 2
189 distanceThreshold: enableHint ? 0 : minimizedPanelHeight
191 onTapped: showTapped(Qt.point(touchSceneX, touchSceneY));
193 // using hint regulates minimum to hint displacement, but in fullscreen mode, we need to do it manually.
194 overrideStartValue: enableHint ? minimizedPanelHeight : expandedPanelHeight + handle.height
195 maxTotalDragDistance: openedHeight - (enableHint ? minimizedPanelHeight : expandedPanelHeight + handle.height)
196 hintDisplacement: enableHint ? expandedPanelHeight - minimizedPanelHeight + handle.height : 0
200 anchors.fill: __hideDragHandle
201 enabled: __hideDragHandle.enabled
202 onClicked: root.hide()
208 direction: Direction.Upwards
209 enabled: root.shown && root.available
210 hintDisplacement: units.gu(3)
211 autoCompleteDragThreshold: maxTotalDragDistance / 6
213 maxTotalDragDistance: openedHeight - expandedPanelHeight - handle.height
215 onTouchSceneXChanged: {
216 if (root.state === "locked") {
217 d.xDisplacementSinceLock += (touchSceneX - d.lastHideTouchSceneX)
218 d.lastHideTouchSceneX = touchSceneX;
223 PanelVelocityCalculator {
224 id: yVelocityCalculator
225 velocityThreshold: d.hasCommitted ? 0.1 : 0.3
226 trackedValue: d.activeDragHandle ? d.activeDragHandle.touchSceneY : 0
228 onVelocityAboveThresholdChanged: d.updateState()
232 target: showAnimation
234 if (showAnimation.running) {
235 root.state = "commit";
241 target: hideAnimation
243 if (hideAnimation.running) {
244 root.state = "initial";
251 property var activeDragHandle: showDragHandle.dragging ? showDragHandle : hideDragHandle.dragging ? hideDragHandle : null
252 property bool hasCommitted: false
253 property real lastHideTouchSceneX: 0
254 property real xDisplacementSinceLock: 0
255 onXDisplacementSinceLockChanged: d.updateState()
257 property real rowMappedLateralPosition: {
258 if (!d.activeDragHandle) return -1;
259 return d.activeDragHandle.mapToItem(bar, d.activeDragHandle.touchX, 0).x;
262 function updateState() {
263 if (!showAnimation.running && !hideAnimation.running) {
264 if (unitProgress <= 0) {
265 root.state = "initial";
266 // lock indicator if we've been committed and aren't moving too much laterally or too fast up.
267 } else if (d.hasCommitted && (Math.abs(d.xDisplacementSinceLock) < units.gu(2) || yVelocityCalculator.velocityAboveThreshold)) {
268 root.state = "locked";
270 root.state = "reveal";
279 PropertyChanges { target: d; hasCommitted: false; restoreEntryValues: false }
285 yVelocityCalculator.reset();
286 // initial item selection
287 if (!d.hasCommitted) bar.selectItemAt(d.activeDragHandle ? d.activeDragHandle.touchX : -1);
288 d.hasCommitted = false;
294 // changes to lateral touch position effect which indicator is selected
295 lateralPosition: d.rowMappedLateralPosition
296 // vertical velocity determines if changes in lateral position has an effect
297 enableLateralChanges: d.activeDragHandle &&
298 !yVelocityCalculator.velocityAboveThreshold
300 // left scroll bar handling
304 if (!d.activeDragHandle) return -1;
305 var mapped = d.activeDragHandle.mapToItem(leftScroller, d.activeDragHandle.touchX, 0);
309 // right scroll bar handling
311 target: rightScroller
313 if (!d.activeDragHandle) return -1;
314 var mapped = d.activeDragHandle.mapToItem(rightScroller, d.activeDragHandle.touchX, 0);
323 d.xDisplacementSinceLock = 0;
324 d.lastHideTouchSceneX = hideDragHandle.touchSceneX;
327 PropertyChanges { target: bar; expanded: true }
332 PropertyChanges { target: bar; interactive: true }
336 lastHideTouchSceneX: 0
337 xDisplacementSinceLock: 0
338 restoreEntryValues: false