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

lockscreen: Animate keypad header to center when switching to keyboard

Browse source 
![keypad](/uploads/edf433bc413ee11bc34094c22d13fdc5/keypad.gif)
This commit is contained in:
Micah Stanley 2024-07-31 00:16:50 +00:00 committed by Devin Lin
parent d122665eb5
commit 8b5b728939
1 changed files with 63 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
shell/contents/lockscreen/Keypad.qml
View file

@ -32,8 +32,41 @@ Item {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Kirigami.Units.gridUnit * 2 spacing: Kirigami.Units.gridUnit * 2
LayoutItemProxy { target: header } LayoutItemProxy {
id: verticalHeaderProxy
target: header
}
LayoutItemProxy { target: keypadGrid } LayoutItemProxy { target: keypadGrid }
states: [
State {
name: "keypad"
when: !lockScreenState.isKeyboardMode
AnchorChanges {
target: verticalHeaderProxy; anchors.top: keypadVerticalContainer.top
}
PropertyChanges {
target: verticalHeaderProxy; anchors.verticalCenterOffset: 0
}
},
State {
name: "keyboard"
when: lockScreenState.isKeyboardMode
AnchorChanges {
target: verticalHeaderProxy; anchors.verticalCenter: keypadVerticalContainer.verticalCenter
}
PropertyChanges {
target: verticalHeaderProxy; anchors.verticalCenterOffset: -Kirigami.Units.gridUnit * 3
}
}
]
transitions: Transition {
AnchorAnimation {
easing.type: Easing.OutCirc
duration: openProgress > 0.5 ? 300 : 0
}
}
} }
// Row layout - used when there is restricted height // Row layout - used when there is restricted height
@ -44,8 +77,35 @@ Item {
anchors.centerIn: parent anchors.centerIn: parent
spacing: Kirigami.Units.gridUnit * 2 spacing: Kirigami.Units.gridUnit * 2
LayoutItemProxy { target: header } LayoutItemProxy {
id: horizontalHeaderProxy
target: header
}
LayoutItemProxy { target: keypadGrid } LayoutItemProxy { target: keypadGrid }
states: [
State {
name: "keypad"
when: !lockScreenState.isKeyboardMode
AnchorChanges {
target: horizontalHeaderProxy; anchors.left: keypadHorizontalContainer.left
}
},
State {
name: "keyboard"
when: lockScreenState.isKeyboardMode
AnchorChanges {
target: horizontalHeaderProxy; anchors.horizontalCenter: keypadHorizontalContainer.horizontalCenter
}
}
]
transitions: Transition {
AnchorAnimation {
easing.type: Easing.OutCirc
duration: openProgress > 0.5 ? 300 : 0
}
}
} }
ColumnLayout { ColumnLayout {
@ -78,6 +138,7 @@ Item {
lockScreenState: root.lockScreenState lockScreenState: root.lockScreenState
isKeypadOpen: root.openProgress >= 0.9 isKeypadOpen: root.openProgress >= 0.9
enabled: root.openProgress >= 0.8
} }
} }