mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-26 14:23:09 +00:00
5c41092c0f
The current lockscreen mockups were originally from this mockup: https://phabricator.kde.org/T12717 There are some issues with it however: - The 0 key is on the right, which is a bit strange and differs from the layouts of all other platforms - One-handed usability is worse due to 4 columns instead of 3 - Most mobile lockscreen have the keypad toward the center for one-handed usability, our keypad is stuck to the bottom - It makes use of a lot of shadows which makes it slower to load - It's supposed to emulate the design of the keyboard, but it doesn't look like it so it's out of place The new design is much simpler, with a centered 3 column approach making keys much easier to reach with one hand. It also avoids the use of shadows and layers.    TODO: - Investigate some improvements for keyboard input
67 lines
1.8 KiB
QML
67 lines
1.8 KiB
QML
/*
|
|
* SPDX-FileCopyrightText: 2019 Nicolas Fella <nicolas.fella@gmx.de>
|
|
* SPDX-FileCopyrightText: 2020-2024 Devin Lin <devin@kde.org>
|
|
* SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQuick.Controls 2.15
|
|
|
|
import org.kde.kirigami 2.20 as Kirigami
|
|
import org.kde.plasma.plasma5support 2.0 as P5Support
|
|
import org.kde.plasma.components 3.0 as PC3
|
|
import org.kde.plasma.private.mobileshell as MobileShell
|
|
|
|
Item {
|
|
id: root
|
|
implicitHeight: clockColumn.implicitHeight
|
|
implicitWidth: clockColumn.implicitWidth
|
|
|
|
property int layoutAlignment
|
|
|
|
P5Support.DataSource {
|
|
id: timeSource
|
|
engine: "time"
|
|
connectedSources: ["Local"]
|
|
interval: 60000
|
|
intervalAlignment: P5Support.Types.AlignToMinute
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: clockColumn
|
|
spacing: Kirigami.Units.gridUnit
|
|
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
|
|
PC3.Label {
|
|
text: Qt.formatTime(timeSource.data["Local"]["DateTime"], MobileShell.ShellUtil.isSystem24HourFormat ? "h:mm" : "h:mm ap")
|
|
color: "white"
|
|
|
|
Layout.alignment: root.layoutAlignment
|
|
font.weight: Font.Bold
|
|
font.pointSize: 36
|
|
|
|
layer.enabled: true
|
|
layer.effect: MobileShell.TextDropShadow {
|
|
blurMax: 16
|
|
}
|
|
}
|
|
|
|
PC3.Label {
|
|
text: Qt.formatDate(timeSource.data["Local"]["DateTime"], "ddd, MMM d")
|
|
color: "white"
|
|
|
|
Layout.alignment: root.layoutAlignment
|
|
font.weight: Font.Bold
|
|
font.pointSize: 10
|
|
|
|
layer.enabled: true
|
|
layer.effect: MobileShell.TextDropShadow {
|
|
blurMax: 16
|
|
}
|
|
}
|
|
}
|
|
}
|