marcoallegretti/shift-shell
1
0
Fork 0
mirror of https://invent.kde.org/marcoa/shift-shell.git synced 2026-08-03 18:24:46 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

complete behavior of the top sliding panel

Browse source
This commit is contained in:
Marco Martin 2014-10-23 16:13:19 +02:00
parent 3d8626cc73
commit f957eff823
2 changed files with 66 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
shell/contents/views/Desktop.qml
View file

@ -218,6 +218,7 @@ Item {
anchors.fill: parent anchors.fill: parent
onPressed: slidingPanel.visible = true; onPressed: slidingPanel.visible = true;
onPositionChanged: slidingPanel.offset = mouse.y onPositionChanged: slidingPanel.offset = mouse.y
onReleased: slidingPanel.updateState();
} }
} }

68
shell/contents/views/SlidingPanel.qml
View file

@ -28,29 +28,89 @@ Window {
color: "transparent" color: "transparent"
function updateState() {
mouseArea.state = offset > slidingArea.height / 2 ? "open" : "closed";
mouseArea.startOffset = units.iconSizes.large;
}
onVisibleChanged: {
if (visible) {
mouseArea.state = "dragging";
}
}
MouseArea { MouseArea {
id: mouseArea
y: units.iconSizes.small
width: window.width width: window.width
height: window.height height: window.height - y
clip: true
state: "closed" state: "closed"
property int startY: 0 property int startY: 0
property int startOffset: 0; property int startOffset: units.iconSizes.large;
onPressed: { onPressed: {
startY = mouse.y; startY = mouse.y;
startOffset = window.offset; startOffset = window.offset;
state = "dragging";
} }
onPositionChanged: { onPositionChanged: {
window.offset = Math.min(height, startOffset + (mouse.y - startY)); window.offset = Math.min(slidingArea.height, startOffset + (mouse.y - startY));
} }
onReleased: window.updateState()
Rectangle { Rectangle {
id: slidingArea
width: window.width width: window.width
height: window.height height: window.height
y: -height + window.offset y: -height + window.offset
color: Qt.rgba(0, 0, 0, 0.8) color: Qt.rgba(0, 0, 0, 0.8)
} }
states: [
State {
name: "closed"
PropertyChanges {
target: window
offset: 0
} }
},
State {
name: "open"
PropertyChanges {
target: window
offset: slidingArea.height
}
},
State {
name: "dragging"
PropertyChanges {
id: dragChange
target: window
offset: mouseArea.startOffset
}
}
]
transitions: [
Transition {
SequentialAnimation {
PropertyAnimation {
target: window
duration: units.longDuration
easing: Easing.InOutQuad
properties: "offset"
}
ScriptAction {
script: {
if (mouseArea.state == "closed") {
window.visible = false;
}
}
}
}
}
]
}
} }