@@ -56,7 +56,7 @@ Item {
57 onPreventHidingChanged: {
57 onPreventHidingChanged: {
58 if (!preventHiding) {
58 if (!preventHiding) {
59− if (state == "hint")
59+ if (state == "hint" || state == "reveal")
@@ -132,6 +132,7 @@ Item {
132 property real touchStartX: -1
132 property real touchStartX: -1
134 readonly property real distanceFromThreshold: (-distance) - distanceThreshold // distance is negative
134 readonly property real distanceFromThreshold: (-distance) - distanceThreshold // distance is negative
135+ readonly property real revealDistance: units.gu(2)
135 readonly property real commitDistance: units.gu(6)
136 readonly property real commitDistance: units.gu(6)
136 readonly property real commitProgress: MathLocal.clamp(distanceFromThreshold / commitDistance, 0, 1)
137 readonly property real commitProgress: MathLocal.clamp(distanceFromThreshold / commitDistance, 0, 1)
@@ -156,6 +157,8 @@ Item {
156 if (status === DirectionalDragArea.Recognized) {
157 if (status === DirectionalDragArea.Recognized) {
157 if (distanceFromThreshold > commitDistance)
158 if (distanceFromThreshold > commitDistance)
158 bottombar.state = "shown"
159 bottombar.state = "shown"
160+ else if (distanceFromThreshold > revealDistance)
161+ bottombar.state = "reveal"
@@ -186,24 +189,23 @@ Item {
186 states: [
189 states: [
188 name: "hidden"
191 name: "hidden"
189− PropertyChanges { target: hudButton; opacity: 0}
192+ PropertyChanges { target: hudButton; opacity: 0 }
190− PropertyChanges { target: hudButton; bottomMargin: units.gu(-1)}
193+ PropertyChanges { target: hudButton; bottomMargin: units.gu(-2) }
193 name: "hint"
196 name: "hint"
194− PropertyChanges {
198+ PropertyChanges { target: hudButton; opacity: 0.5 }
195− target: hudButton;
199+ },
196− opacity: 0.5 + 0.5 * dragArea.commitProgress
200+ State {
197− }
201+ name: "reveal"
198− PropertyChanges {
202+ extend: "hint"
200− bottomMargin: units.gu(-1) + units.gu(1) * dragArea.commitProgress
203+ PropertyChanges { target: hudButton; bottomMargin: units.gu(-2) + units.gu(2) * dragArea.commitProgress }
204 name: "shown"
206 name: "shown"
205− PropertyChanges { target: hudButton; opacity: 1}
207+ PropertyChanges { target: hudButton; opacity: 1 }
206− PropertyChanges { target: hudButton; bottomMargin: units.gu(0)}
208+ PropertyChanges { target: hudButton; bottomMargin: units.gu(0) }