marcoallegretti/shift-shell
1
0
Fork 0
mirror of https://invent.kde.org/marcoa/shift-shell.git synced 2026-04-29 15:03:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

better behavior for the switcher

Browse source
This commit is contained in:
Marco Martin 2015-01-14 12:34:41 +01:00
parent a5014f6920
commit 5ff1199099
1 changed files with 60 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
compositor/contents/Compositor.qml
View file

@ -68,7 +68,7 @@ Rectangle {
QtObject { QtObject {
readonly property alias desktop: desktopLayer readonly property alias desktop: desktopLayer
readonly property alias windows: windowsLayer readonly property alias windows: windowsLayerBackground
readonly property alias panel: panelLayer readonly property alias panel: panelLayer
readonly property alias keyboard: keyboardLayer readonly property alias keyboard: keyboardLayer
@ -89,31 +89,34 @@ Rectangle {
bottomMargin: bottomBarHeight bottomMargin: bottomBarHeight
} }
color: Qt.rgba(0, 0, 0, 0.9) color: Qt.rgba(0, 0, 0, 0.9)
Flickable {
id: windowsLayer
anchors {
left: parent.left
right: parent.right
verticalCenter: parent.verticalCenter
}
height: windowsLayout.height
interactive: windowsLayer.switchMode
contentWidth: windowsLayout.width * windowsLayout.scale
contentHeight: windowsLayout.height
property bool switchMode: windowsLayout.scale < 1
function addWindow (window) { function addWindow (window) {
window.parent = windowsLayout window.parent = windowsLayout
} }
property bool switchMode: windowsZoom.scale < 1
Item {
id: windowsZoom
anchors.fill: parent
Flickable {
id: windowsLayer
anchors.centerIn: parent
flickableDirection: Flickable.HorizontalFlick
height: windowsZoom.height * 2
width: windowsZoom.width * 2
interactive: windowsLayerBackground.switchMode
contentWidth: windowsLayout.width
contentHeight: windowsLayout.height
MouseArea { MouseArea {
anchors.fill: parent height: windowsLayer.height
width: windowsLayout.width
onClicked: { onClicked: {
compositorRoot.state = "homeScreen"; compositorRoot.state = "homeScreen";
} }
Row { Row {
id: windowsLayout id: windowsLayout
anchors.centerIn: parent
height: windowsLayerBackground.height height: windowsLayerBackground.height
transformOrigin: Item.Left transformOrigin: Item.Left
onChildrenChanged: { onChildrenChanged: {
@ -125,6 +128,7 @@ Rectangle {
} }
} }
} }
}
Item { Item {
id: panelLayer id: panelLayer
@ -151,7 +155,7 @@ Rectangle {
anchors.right: parent.right anchors.right: parent.right
anchors.bottom: parent.bottom anchors.bottom: parent.bottom
height: compositorRoot.state == "homeScreen" ? 0 : bottomBarHeight height: compositorRoot.state == "homeScreen" ? 0 : bottomBarHeight
color: Qt.rgba(0, 0, 0, 0.9 + 0.1*windowsLayout.scale) color: Qt.rgba(0, 0, 0, 0.9 + 0.1*windowsZoom.scale)
Behavior on height { Behavior on height {
NumberAnimation { NumberAnimation {
@ -212,25 +216,27 @@ Rectangle {
bottom: parent.bottom bottom: parent.bottom
} }
height: 8 height: 8
enabled: windowsLayout.children.length > 0 enabled: windowsLayout.children.length > 0 && compositorRoot.state != "switcher"
property int oldX: 0 property int oldX: 0
onPressed: { onPressed: {
oldX = mouse.x; oldX = mouse.x;
} }
onPositionChanged: { onPositionChanged: {
compositorRoot.state = "switcher"; compositorRoot.state = "changing";
compositorRoot.showKeyboard = false; compositorRoot.showKeyboard = false;
var newScale = (1-Math.abs(mouse.y)/(compositorRoot.height/2)) var newScale = (1-Math.abs(mouse.y)/(compositorRoot.height/2))
if (newScale > 0.3) { if (newScale > 0.3) {
windowsLayout.scale = newScale windowsZoom.scale = newScale
} }
windowsLayer.contentX -= (mouse.x - oldX); windowsLayer.contentX -= (mouse.x - oldX);
oldX = mouse.x; oldX = mouse.x;
} }
onReleased: { onReleased: {
if (windowsLayout.scale > 0.7) { if (windowsZoom.scale > 0.7) {
compositorRoot.state = compositorRoot.currentWindow ? "application" : "homeScreen"; compositorRoot.state = compositorRoot.currentWindow ? "application" : "homeScreen";
} else {
compositorRoot.state = "switcher";
} }
} }
} }
@ -243,7 +249,7 @@ Rectangle {
opacity: 0 opacity: 0
} }
PropertyChanges { PropertyChanges {
target: windowsLayout target: windowsZoom
scale: 1 scale: 1
} }
}, },
@ -254,12 +260,12 @@ Rectangle {
opacity: 1 opacity: 1
} }
PropertyChanges { PropertyChanges {
target: windowsLayout target: windowsZoom
scale: 1 scale: 1
} }
PropertyChanges { PropertyChanges {
target: windowsLayer target: windowsLayer
contentX: compositorRoot.currentWindow ? compositorRoot.currentWindow.x : 0 contentX: compositorRoot.currentWindow ? compositorRoot.currentWindow.x - windowsLayerBackground.width/2 : 0
} }
}, },
State { State {
@ -268,16 +274,31 @@ Rectangle {
target: windowsLayerBackground target: windowsLayerBackground
opacity: 1 opacity: 1
} }
PropertyChanges {
target: windowsZoom
scale: 0.5
}
PropertyChanges { PropertyChanges {
target: windowsLayer target: windowsLayer
contentX: compositorRoot.currentWindow ? compositorRoot.currentWindow.x : 0 contentX: compositorRoot.currentWindow ? compositorRoot.currentWindow.x - windowsLayerBackground.width/2 : 0
}
},
State {
name: "changing"
PropertyChanges {
target: windowsLayerBackground
opacity: 1
}
PropertyChanges {
target: windowsLayer
contentX: compositorRoot.currentWindow ? compositorRoot.currentWindow.x - windowsLayerBackground.width/2 : 0
} }
} }
] ]
transitions: [ transitions: [
Transition { Transition {
to: "switcher" to: "changing"
SequentialAnimation { SequentialAnimation {
ScriptAction { ScriptAction {
script: { script: {
@ -303,7 +324,7 @@ Rectangle {
properties: "opacity" properties: "opacity"
} }
PropertyAnimation { PropertyAnimation {
target: windowsLayout target: windowsZoom
duration: units.shortDuration duration: units.shortDuration
easing.type: Easing.InOutQuad easing.type: Easing.InOutQuad
properties: "scale" properties: "scale"