lucy/quickshell
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

start making settings widget and implement qt font picker

Browse Source
This commit is contained in:
lucy 2026-01-24 00:02:27 +01:00
parent 6ad02169f1
commit 257adc781a
6 changed files with 139 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
modules/bar/Title.qml
View File

@ -29,11 +29,16 @@ Rectangle {
FontDialog {
id: fontPicker
title: "qs-fontpicker"
flags: FontDialog.NoButtons
flags: FontDialog.NoButtons | FontDialog.MonospacedFonts
onAccepted: {
Settings.config.font = selectedFont.family;
Settings.config.fontSize = selectedFont.pointSize;
}
onSelectedFontChanged: {
Settings.config.font = selectedFont.family;
Settings.config.fontSize = selectedFont.pointSize;
}
}
anchors.fill: parent
acceptedButtons: Qt.LeftButton

14
modules/widgets/SettingsApp/Appearance.qml Normal file
View File

@ -0,0 +1,14 @@
import QtQuick
import qs
import qs.reusables
Item {
id: root
implicitWidth: 300
implicitHeight: 300
CustomText {
text: "I am the Appearance page"
}
}

92
modules/widgets/SettingsApp/MainWindow.qml Normal file
View File

@ -0,0 +1,92 @@
pragma ComponentBehavior: Bound
import QtQuick
import QtQuick.Layouts
import Quickshell
import QtQuick.Dialogs
import Quickshell.Widgets
import qs
import qs.settings
import qs.reusables
FloatingWindow {
id: root
color: Colors.surface
implicitWidth: 800
implicitHeight: 600
ListModel {
id: pageModel
ListElement {
text: "welcomePage"
source: "WelcomePage.qml"
}
ListElement {
text: "Appearance"
source: "Appearance.qml"
}
ListElement {
text: "Matugen"
source: "Matugen.qml"
}
ListElement {
text: "test"
source: "WelcomePage.qml"
}
}
RowLayout {
id: windowLayout
anchors.fill: parent
spacing: 50
ClippingWrapperRectangle {
id: pageWrapper
Layout.margins: 20
Layout.fillHeight: true
Layout.preferredWidth: 200
margin: 20
color: Colors.surfaceContainerLow
radius: 12
ListView {
id: pageView
clip: true
model: pageModel
delegate: pageDelegate
Component {
id: pageDelegate
Rectangle {
radius: 24
color: ListView.isCurrentItem ? Colors.surfaceContainerHighest : "transparent"
implicitHeight: 30
implicitWidth: pageWrapper.width - 50
required property var modelData
required property int index
CustomText {
id: delegateText
leftPadding: 10
anchors.verticalCenter: parent.verticalCenter
text: parent.modelData.text
}
MouseArea {
id: clickHandler
anchors.fill: parent
cursorShape: Qt.PointingHandCursor
acceptedButtons: Qt.LeftButton
onClicked: {
contentLoader.source = parent.modelData.source;
console.log(parent.index);
pageView.currentIndex = parent.index;
}
}
}
}
}
}
Loader {
id: contentLoader
Layout.alignment: Qt.AlignCenter
Layout.fillHeight: true
Layout.fillWidth: true
Layout.margins: 20
source: pageModel.get(pageView.currentIndex).source
}
}
}

13
modules/widgets/SettingsApp/Matugen.qml Normal file
View File

@ -0,0 +1,13 @@
import QtQuick
import qs
import qs.reusables
Item {
id: root
implicitWidth: 300
implicitHeight: 300
CustomText {
text: "I am the Matugen page"
}
}

12
modules/widgets/SettingsApp/WelcomePage.qml Normal file
View File

@ -0,0 +1,12 @@
import QtQuick
import qs
import qs.reusables
Item {
id: root
implicitWidth: 300
implicitHeight: 300
CustomText {
text: "I am the welcome page"
}
}

3
shell.qml
View File

@ -6,7 +6,7 @@ import qs.modules.bar
import qs.modules.overlays
import qs.modules.notifications
import qs.modules.widgets.wallswitcher
import QtQuick.Dialogs
import qs.modules.widgets.SettingsApp
ShellRoot {
id: root
@ -15,4 +15,5 @@ ShellRoot {
Notification {}
Wallpaper {}
WallSwitcher {}
MainWindow {}
}