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

Add scrolling lockscreen, and a darken effect when keypad is shown

Browse source
This commit is contained in:
Devin Lin 2020-07-11 23:33:54 -04:00 committed by Bhushan Shah
parent e0dd510861
commit 30847f710e
1 changed files with 116 additions and 85 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

189
look-and-feel/contents/lockscreen/LockScreen.qml
View file

@ -32,21 +32,18 @@ PlasmaCore.ColorScope {
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
anchors.fill: parent anchors.fill: parent
FastBlur { BrightnessContrast {
id: blur id: darken
anchors.fill: parent anchors.fill: parent
source: wallpaper source: wallpaper
radius: 32 brightness: -(passwordFlickable.contentY / passwordFlickable.columnHeight * 0.6)
visible: false
} }
MultiPointTouchArea { FastBlur {
anchors.fill: parent anchors.fill: parent
cached: true
onGestureStarted: { source: darken
numBlock.visible = true radius: passwordFlickable.contentY / passwordFlickable.columnHeight * 32
blur.visible = true
}
} }
DropShadow { DropShadow {
@ -80,87 +77,121 @@ PlasmaCore.ColorScope {
anchors.right: parent.right anchors.right: parent.right
} }
Row { Flickable {
anchors.horizontalCenter: parent.horizontalCenter id: passwordFlickable
anchors.bottom: numBlock.top
anchors.bottomMargin: units.gridUnit * 2 anchors.fill: parent
spacing: 6
property int columnHeight: units.gridUnit * 20
height: columnHeight + root.height
contentHeight: columnHeight + root.height
boundsBehavior: Flickable.StopAtBounds
// always snap to end (either hidden or shown)
onFlickEnded: {
if (!atYBeginning && !atYEnd) {
if (contentY > columnHeight - contentY) {
flick(0, -1000);
} else {
flick(0, 1000);
}
}
// wipe password at beginning
if (atYBeginning) {
Repeater {
model: root.password.length
delegate: Rectangle {
width: units.gridUnit * 2
height: width
radius: width
color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.6)
} }
} }
}
GridLayout { ColumnLayout {
id: numBlock id: passwordLayout
visible: false anchors.bottom: parent.bottom
property string thePw
height: units.gridUnit * 16 width: parent.width
anchors.bottom: parent.bottom spacing: units.gridUnit * 2
anchors.left: parent.left opacity: Math.sin((Math.PI / 2) * (passwordFlickable.contentY / passwordFlickable.columnHeight) + 1.5 * Math.PI) + 1
anchors.right: parent.right
anchors.bottomMargin: units.gridUnit
anchors.leftMargin: units.gridUnit * 2
anchors.rightMargin: units.gridUnit *2
rowSpacing: units.gridUnit
columns: 3 Row {
id: dotDisplay
Layout.alignment: Qt.AlignHCenter
spacing: 6
Repeater { Repeater {
model: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "R", "0", "E"] model: root.password.length
delegate: Item { delegate: Rectangle {
Layout.fillWidth: true width: units.gridUnit * 2
Layout.fillHeight: true height: width
radius: width
Rectangle { color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, 0.6)
anchors.centerIn: parent
width: units.gridUnit * 3
height: width
radius: 12
color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, ma.pressed ? 0.8 : 0.3)
visible: modelData.length > 0
MouseArea {
id: ma
anchors.fill: parent
onClicked: {
if (modelData === "R") {
root.password = root.password.substr(0, root.password.length - 1);
} else if (modelData === "E") {
authenticator.tryUnlock(root.password);
} else {
root.password += modelData
}
}
} }
} }
}
PlasmaComponents.Label { GridLayout {
visible: modelData !== "R" && modelData !== "E" id: numBlock
text: modelData property string thePw
anchors.centerIn: parent
font.pointSize: 20
}
PlasmaCore.IconItem { Layout.fillWidth: true
visible: modelData === "R" Layout.minimumHeight: units.gridUnit * 16
anchors.centerIn: parent Layout.maximumWidth: root.width
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup Layout.bottomMargin: units.gridUnit
source: "edit-clear" Layout.leftMargin: units.gridUnit * 2
} Layout.rightMargin: units.gridUnit * 2
rowSpacing: units.gridUnit
PlasmaCore.IconItem { columns: 3
visible: modelData === "E"
anchors.centerIn: parent Repeater {
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup model: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "R", "0", "E"]
source: "go-next" delegate: Item {
Layout.fillWidth: true
Layout.fillHeight: true
Rectangle {
anchors.centerIn: parent
width: units.gridUnit * 3
height: width
radius: 12
color: Qt.rgba(PlasmaCore.ColorScope.backgroundColor.r, PlasmaCore.ColorScope.backgroundColor.g, PlasmaCore.ColorScope.backgroundColor.b, ma.pressed ? 0.8 : 0.3)
visible: modelData.length > 0
MouseArea {
id: ma
anchors.fill: parent
onClicked: {
if (modelData === "R") {
root.password = root.password.substr(0, root.password.length - 1);
} else if (modelData === "E") {
authenticator.tryUnlock(root.password);
} else {
root.password += modelData
}
}
}
}
PlasmaComponents.Label {
visible: modelData !== "R" && modelData !== "E"
text: modelData
anchors.centerIn: parent
font.pointSize: 20
}
PlasmaCore.IconItem {
visible: modelData === "R"
anchors.centerIn: parent
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
source: "edit-clear"
}
PlasmaCore.IconItem {
visible: modelData === "E"
anchors.centerIn: parent
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
source: "go-next"
}
}
} }
} }
} }