controlcenter: wallpaper selector
This commit is contained in:
ATMDA
parent
c3d9fb8dc0
commit
ce3902d8f3
1 changed files with 94 additions and 36 deletions
|
|
@ -1812,10 +1812,7 @@ RowLayout {
|
||||||
Loader {
|
Loader {
|
||||||
id: rightAppearanceLoader
|
id: rightAppearanceLoader
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
anchors.topMargin: Appearance.padding.large * 2
|
anchors.margins: Appearance.padding.large * 2
|
||||||
anchors.bottomMargin: Appearance.padding.large * 2
|
|
||||||
anchors.leftMargin: 0
|
|
||||||
anchors.rightMargin: 0
|
|
||||||
asynchronous: true
|
asynchronous: true
|
||||||
sourceComponent: appearanceRightContentComponent
|
sourceComponent: appearanceRightContentComponent
|
||||||
property var rootPane: root
|
property var rootPane: root
|
||||||
|
|
@ -1844,12 +1841,12 @@ RowLayout {
|
||||||
|
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.leftMargin: Appearance.padding.large * 2
|
anchors.top: parent.top
|
||||||
anchors.rightMargin: Appearance.padding.large * 2
|
|
||||||
spacing: Appearance.spacing.normal
|
spacing: Appearance.spacing.normal
|
||||||
|
|
||||||
MaterialIcon {
|
MaterialIcon {
|
||||||
Layout.alignment: Qt.AlignHCenter
|
Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
|
||||||
|
Layout.topMargin: 0
|
||||||
text: "palette"
|
text: "palette"
|
||||||
font.pointSize: Appearance.font.size.extraLarge * 3
|
font.pointSize: Appearance.font.size.extraLarge * 3
|
||||||
font.bold: true
|
font.bold: true
|
||||||
|
|
@ -1877,39 +1874,53 @@ RowLayout {
|
||||||
color: Colours.palette.m3onSurfaceVariant
|
color: Colours.palette.m3onSurfaceVariant
|
||||||
}
|
}
|
||||||
|
|
||||||
GridView {
|
Item {
|
||||||
id: wallpaperGrid
|
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.topMargin: Appearance.spacing.large
|
Layout.topMargin: Appearance.spacing.large
|
||||||
Layout.preferredHeight: Math.min(600, Math.ceil(count / Math.floor(width / cellWidth)) * cellHeight)
|
Layout.preferredHeight: wallpaperGrid.Layout.preferredHeight
|
||||||
Layout.alignment: Qt.AlignHCenter
|
|
||||||
|
|
||||||
cellWidth: 200 + Appearance.spacing.normal
|
GridView {
|
||||||
|
id: wallpaperGrid
|
||||||
|
anchors.fill: parent
|
||||||
|
|
||||||
|
readonly property int minCellWidth: 200 + Appearance.spacing.normal
|
||||||
|
readonly property int columnsCount: Math.max(1, Math.floor(parent.width / minCellWidth))
|
||||||
|
|
||||||
|
Layout.preferredHeight: Math.ceil(count / columnsCount) * cellHeight
|
||||||
|
height: Layout.preferredHeight
|
||||||
|
|
||||||
|
// Distribute width evenly across columns
|
||||||
|
cellWidth: width / columnsCount
|
||||||
cellHeight: 140 + Appearance.spacing.normal
|
cellHeight: 140 + Appearance.spacing.normal
|
||||||
|
|
||||||
|
leftMargin: 0
|
||||||
|
rightMargin: 0
|
||||||
|
topMargin: 0
|
||||||
|
bottomMargin: 0
|
||||||
|
|
||||||
model: Wallpapers.list
|
model: Wallpapers.list
|
||||||
clip: true
|
clip: true
|
||||||
|
|
||||||
|
// Disable GridView's own scrolling - let parent handle it
|
||||||
|
interactive: false
|
||||||
|
|
||||||
// Enable caching for better performance
|
// Enable caching for better performance
|
||||||
cacheBuffer: cellHeight * 2
|
cacheBuffer: cellHeight * 2
|
||||||
|
|
||||||
StyledScrollBar.vertical: StyledScrollBar {
|
|
||||||
flickable: wallpaperGrid
|
|
||||||
}
|
|
||||||
|
|
||||||
delegate: Item {
|
delegate: Item {
|
||||||
required property var modelData
|
required property var modelData
|
||||||
|
|
||||||
width: 200
|
width: wallpaperGrid.cellWidth
|
||||||
height: 140
|
height: wallpaperGrid.cellHeight
|
||||||
|
|
||||||
// Center in cell
|
|
||||||
x: (wallpaperGrid.cellWidth - width) / 2
|
|
||||||
y: (wallpaperGrid.cellHeight - height) / 2
|
|
||||||
|
|
||||||
readonly property bool isCurrent: modelData.path === Wallpapers.actualCurrent
|
readonly property bool isCurrent: modelData.path === Wallpapers.actualCurrent
|
||||||
|
|
||||||
StateLayer {
|
StateLayer {
|
||||||
|
anchors.fill: parent
|
||||||
|
anchors.leftMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.rightMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.topMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.bottomMargin: Appearance.spacing.normal / 2
|
||||||
radius: Appearance.rounding.normal
|
radius: Appearance.rounding.normal
|
||||||
|
|
||||||
function onClicked(): void {
|
function onClicked(): void {
|
||||||
|
|
@ -1921,6 +1932,10 @@ RowLayout {
|
||||||
id: image
|
id: image
|
||||||
|
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
anchors.leftMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.rightMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.topMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.bottomMargin: Appearance.spacing.normal / 2
|
||||||
color: Colours.tPalette.m3surfaceContainer
|
color: Colours.tPalette.m3surfaceContainer
|
||||||
radius: Appearance.rounding.normal
|
radius: Appearance.rounding.normal
|
||||||
antialiasing: true
|
antialiasing: true
|
||||||
|
|
@ -1930,6 +1945,7 @@ RowLayout {
|
||||||
|
|
||||||
path: modelData.path
|
path: modelData.path
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
fillMode: Image.PreserveAspectCrop
|
||||||
cache: true
|
cache: true
|
||||||
visible: opacity > 0
|
visible: opacity > 0
|
||||||
antialiasing: true
|
antialiasing: true
|
||||||
|
|
@ -1981,6 +1997,10 @@ RowLayout {
|
||||||
// Border overlay that doesn't affect image size
|
// Border overlay that doesn't affect image size
|
||||||
Rectangle {
|
Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
|
anchors.leftMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.rightMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.topMargin: Appearance.spacing.normal / 2
|
||||||
|
anchors.bottomMargin: Appearance.spacing.normal / 2
|
||||||
color: "transparent"
|
color: "transparent"
|
||||||
radius: Appearance.rounding.normal
|
radius: Appearance.rounding.normal
|
||||||
border.width: isCurrent ? 2 : 0
|
border.width: isCurrent ? 2 : 0
|
||||||
|
|
@ -2012,27 +2032,63 @@ RowLayout {
|
||||||
anchors.left: parent.left
|
anchors.left: parent.left
|
||||||
anchors.right: parent.right
|
anchors.right: parent.right
|
||||||
anchors.bottom: parent.bottom
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.leftMargin: isCurrent ? 2 : 0
|
||||||
|
anchors.rightMargin: isCurrent ? 2 : 0
|
||||||
|
anchors.bottomMargin: isCurrent ? 2 : 0
|
||||||
|
|
||||||
implicitHeight: filenameText.implicitHeight + Appearance.padding.normal * 2
|
implicitHeight: filenameText.implicitHeight + Appearance.padding.normal * 1.5
|
||||||
|
|
||||||
radius: Appearance.rounding.normal
|
// Only round bottom corners
|
||||||
|
topLeftRadius: 0
|
||||||
|
topRightRadius: 0
|
||||||
|
bottomLeftRadius: Appearance.rounding.normal
|
||||||
|
bottomRightRadius: Appearance.rounding.normal
|
||||||
|
|
||||||
|
Behavior on anchors.leftMargin {
|
||||||
|
NumberAnimation {
|
||||||
|
duration: 150
|
||||||
|
easing.type: Easing.OutQuad
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Behavior on anchors.rightMargin {
|
||||||
|
NumberAnimation {
|
||||||
|
duration: 150
|
||||||
|
easing.type: Easing.OutQuad
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Behavior on anchors.bottomMargin {
|
||||||
|
NumberAnimation {
|
||||||
|
duration: 150
|
||||||
|
easing.type: Easing.OutQuad
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
gradient: Gradient {
|
gradient: Gradient {
|
||||||
GradientStop {
|
GradientStop {
|
||||||
position: 0.0
|
position: 0.0
|
||||||
color: Qt.rgba(0, 0, 0, 0)
|
color: Qt.rgba(Colours.palette.m3surfaceContainer.r,
|
||||||
|
Colours.palette.m3surfaceContainer.g,
|
||||||
|
Colours.palette.m3surfaceContainer.b, 0)
|
||||||
}
|
}
|
||||||
GradientStop {
|
GradientStop {
|
||||||
position: 0.4
|
position: 0.3
|
||||||
color: Qt.rgba(0, 0, 0, 0.2)
|
color: Qt.rgba(Colours.palette.m3surfaceContainer.r,
|
||||||
|
Colours.palette.m3surfaceContainer.g,
|
||||||
|
Colours.palette.m3surfaceContainer.b, 0.7)
|
||||||
}
|
}
|
||||||
GradientStop {
|
GradientStop {
|
||||||
position: 0.8
|
position: 0.6
|
||||||
color: Qt.rgba(0, 0, 0, 0.5)
|
color: Qt.rgba(Colours.palette.m3surfaceContainer.r,
|
||||||
|
Colours.palette.m3surfaceContainer.g,
|
||||||
|
Colours.palette.m3surfaceContainer.b, 0.9)
|
||||||
}
|
}
|
||||||
GradientStop {
|
GradientStop {
|
||||||
position: 1.0
|
position: 1.0
|
||||||
color: Qt.rgba(0, 0, 0, 0.6)
|
color: Qt.rgba(Colours.palette.m3surfaceContainer.r,
|
||||||
|
Colours.palette.m3surfaceContainer.g,
|
||||||
|
Colours.palette.m3surfaceContainer.b, 0.95)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -2069,9 +2125,10 @@ RowLayout {
|
||||||
text: fileName
|
text: fileName
|
||||||
font.pointSize: Appearance.font.size.smaller
|
font.pointSize: Appearance.font.size.smaller
|
||||||
font.weight: 500
|
font.weight: 500
|
||||||
color: isCurrent ? Colours.palette.m3primary : "#FFFFFF"
|
color: isCurrent ? Colours.palette.m3primary : Colours.palette.m3onSurface
|
||||||
elide: Text.ElideMiddle
|
elide: Text.ElideMiddle
|
||||||
maximumLineCount: 1
|
maximumLineCount: 1
|
||||||
|
horizontalAlignment: Text.AlignHCenter
|
||||||
|
|
||||||
opacity: 0
|
opacity: 0
|
||||||
|
|
||||||
|
|
@ -2093,3 +2150,4 @@ RowLayout {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue