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

quicksettings: discern between portrait and landscape view

Browse source
This commit is contained in:
Yari Polla 2022-05-10 00:12:25 +02:00 committed by Devin Lin
parent 166460f4c2
commit ee951627b3
1 changed files with 142 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

211
components/mobileshell/qml/actiondrawer/quicksettings/QuickSettings.qml
View file

@ -42,14 +42,16 @@ Item {
readonly property MobileShell.QuickSettingsModel quickSettingsModel: MobileShell.QuickSettingsModel {} readonly property MobileShell.QuickSettingsModel quickSettingsModel: MobileShell.QuickSettingsModel {}
readonly property int rowCount: Math.floor((Window.height * 60/100) / rowHeight) readonly property real pageHeight: (Window.height * 60/100)
readonly property int rowCount: Math.floor(pageHeight / rowHeight)
readonly property int columnCount: Math.floor(width/columnWidth) readonly property int columnCount: Math.floor(width/columnWidth)
readonly property int pageSize: rowCount * columnCount readonly property int pageSize: rowCount * columnCount
readonly property int quickSettingsCount: quickSettingsModel.count readonly property int quickSettingsCount: quickSettingsModel.count
function resetSwipeView() { function resetSwipeView() {
swipeView.currentIndex = 0; if (MobileShell.Shell.orientation === MobileShell.Shell.Portrait) {
pageLoader.item.view.currentIndex = 0;
}
} }
// return to the first page when the action drawer is closed // return to the first page when the action drawer is closed
@ -75,77 +77,18 @@ Item {
anchors.left: parent.left anchors.left: parent.left
anchors.right: parent.right anchors.right: parent.right
SwipeView { // Dynamically loads the appropriate view
id: swipeView
Layout.fillWidth: true
Layout.minimumHeight: Math.min(quickSettingsCount / columnCount * rowHeight, rowCount * rowHeight)
Repeater {
model: Math.ceil(quickSettingsCount / pageSize)
delegate: Flow {
id: flow
spacing: 0
required property int index
Repeater {
model: MobileShell.PaginateModel {
sourceModel: quickSettingsModel
pageSize: root.pageSize
firstItem: pageSize * flow.index
}
delegate: Components.BaseItem {
required property var modelData
height: root.rowHeight
width: root.columnWidth
padding: PlasmaCore.Units.smallSpacing
contentItem: QuickSettingsFullDelegate {
restrictedPermissions: actionDrawer.restrictedPermissions
text: modelData.text
status: modelData.status
icon: modelData.icon
enabled: modelData.enabled
settingsCommand: modelData.settingsCommand
toggleFunction: modelData.toggle
onCloseRequested: {
actionDrawer.close();
}
}
}
}
}
}
}
Loader { Loader {
id: indicatorLoader id: pageLoader
active: swipeView.count > 1
Layout.alignment: Qt.AlignHCenter Layout.fillWidth: true
sourceComponent: PageIndicator { asynchronous: true
count: swipeView.count sourceComponent: MobileShell.Shell.orientation === MobileShell.Shell.Portrait ? swipeViewComponent : scrollViewComponent
currentIndex: swipeView.currentIndex
delegate: Rectangle {
implicitWidth: 8
implicitHeight: 8
radius: width / 2
color: PlasmaCore.Theme.disabledTextColor
opacity: index === currentIndex ? 0.95 : 0.45
}
}
} }
BrightnessItem { BrightnessItem {
id: brightnessItem id: brightnessItem
Layout.topMargin: PlasmaCore.Units.smallSpacing * 2
Layout.bottomMargin: PlasmaCore.Units.smallSpacing * 2 Layout.bottomMargin: PlasmaCore.Units.smallSpacing * 2
Layout.leftMargin: PlasmaCore.Units.smallSpacing Layout.leftMargin: PlasmaCore.Units.smallSpacing
Layout.rightMargin: PlasmaCore.Units.smallSpacing Layout.rightMargin: PlasmaCore.Units.smallSpacing
@ -195,4 +138,134 @@ Item {
} }
} }
} }
// Loaded when in portrait mode
Component {
id: swipeViewComponent
ColumnLayout {
readonly property var view: swipeView
SwipeView {
id: swipeView
Layout.fillWidth: true
Layout.preferredHeight: rowCount * rowHeight
Repeater {
model: Math.ceil(quickSettingsCount / pageSize)
delegate: Flow {
id: flow
spacing: 0
required property int index
Repeater {
model: MobileShell.PaginateModel {
sourceModel: quickSettingsModel
pageSize: root.pageSize
firstItem: pageSize * flow.index
}
delegate: Loader {
required property var modelData
asynchronous: true
sourceComponent: quickSettingComponent
}
}
}
}
}
Loader {
id: indicatorLoader
Layout.alignment: Qt.AlignCenter
Layout.topMargin: PlasmaCore.Units.smallSpacing
Layout.leftMargin: PlasmaCore.Units.smallSpacing
Layout.rightMargin: PlasmaCore.Units.smallSpacing
// Avoid wasting space when not loaded
Layout.maximumHeight: active ? item.implicitHeight : 0
active: swipeView.count > 1 ? true: false
asynchronous: true
sourceComponent: PageIndicator {
count: swipeView.count
currentIndex: swipeView.currentIndex
delegate: Rectangle {
implicitWidth: 8
implicitHeight: count > 1 ? 8 : 0
radius: parent.width / 2
color: PlasmaCore.Theme.disabledTextColor
opacity: index === currentIndex ? 0.95 : 0.45
}
}
}
}
}
// Loaded when in landscape mode
Component {
id: scrollViewComponent
Flickable {
clip: true
height: pageHeight
contentWidth: parent.width
contentHeight: quickSettingsCount / columnCount * rowHeight
Flow {
width: parent.width
height: quickSettingsCount / columnCount * rowHeight
spacing: 0
Repeater {
model: quickSettingsModel
delegate: Loader {
required property var modelData
asynchronous: true
sourceComponent: quickSettingComponent
}
}
}
}
}
// Quick setting component
Component {
id: quickSettingComponent
Components.BaseItem {
height: root.rowHeight
width: root.columnWidth
padding: PlasmaCore.Units.smallSpacing
contentItem: QuickSettingsFullDelegate {
restrictedPermissions: actionDrawer.restrictedPermissions
text: modelData.text
status: modelData.status
icon: modelData.icon
enabled: modelData.enabled
settingsCommand: modelData.settingsCommand
toggleFunction: modelData.toggle
onCloseRequested: {
actionDrawer.close();
}
}
}
}
} }