Compare commits
2 commits
2b6b9aee28
...
d9bb01c6e8
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
d9bb01c6e8 | ||
|
|
8104e3c099 |
3 changed files with 75 additions and 61 deletions
|
|
@ -5,7 +5,7 @@ import QtQuick.Controls
|
||||||
Pane {
|
Pane {
|
||||||
id: pane
|
id: pane
|
||||||
|
|
||||||
padding: 24
|
padding: 8
|
||||||
background: Rectangle {
|
background: Rectangle {
|
||||||
color: "transparent"
|
color: "transparent"
|
||||||
border.width: Styling.theme.border
|
border.width: Styling.theme.border
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
import qs.components
|
import qs.components
|
||||||
import qs.config
|
import qs.config
|
||||||
|
import qs.services
|
||||||
import QtQuick
|
import QtQuick
|
||||||
import QtQuick.Controls
|
import QtQuick.Controls
|
||||||
import QtQuick.Layouts
|
import QtQuick.Layouts
|
||||||
|
|
@ -14,12 +15,14 @@ GridLayout {
|
||||||
text: "ToolTip"
|
text: "ToolTip"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
Button {
|
StyledPane {
|
||||||
id: toolTipButton
|
Button {
|
||||||
text: "Hello world!"
|
id: toolTipButton
|
||||||
StyledToolTip {
|
text: "Hello world!"
|
||||||
visible: toolTipButton.hovered
|
StyledToolTip {
|
||||||
text: qsTr("Save the active project")
|
visible: toolTipButton.hovered
|
||||||
|
text: qsTr("Save the active project")
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -29,13 +32,15 @@ GridLayout {
|
||||||
text: "ProgressBar"
|
text: "ProgressBar"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledProgressBar {
|
StyledPane {
|
||||||
id: progressBar
|
StyledProgressBar {
|
||||||
indeterminate: true
|
id: progressBar
|
||||||
implicitHeight: 10
|
indeterminate: true
|
||||||
from: 0
|
implicitHeight: 10
|
||||||
to: 100
|
from: 0
|
||||||
value: 50
|
to: 100
|
||||||
|
value: 50
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -44,15 +49,17 @@ GridLayout {
|
||||||
text: "ListView"
|
text: "ListView"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledWrapperRectangle {
|
StyledPane {
|
||||||
border.color: Styling.theme.base100
|
StyledWrapperRectangle {
|
||||||
border.width: 2
|
border.color: Styling.theme.base100
|
||||||
StyledListView {
|
border.width: 2
|
||||||
implicitWidth: 200
|
StyledListView {
|
||||||
implicitHeight: 100
|
implicitWidth: 200
|
||||||
model: 10
|
implicitHeight: 100
|
||||||
delegate: StyledText {
|
model: 10
|
||||||
text: "Hello world!"
|
delegate: StyledText {
|
||||||
|
text: "Hello world!"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -63,7 +70,9 @@ GridLayout {
|
||||||
text: "Mpris Player Selector"
|
text: "Mpris Player Selector"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
MprisPlayerSelector {}
|
StyledPane {
|
||||||
|
MprisPlayerSelector {}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
|
|
@ -71,8 +80,10 @@ GridLayout {
|
||||||
text: "Mpris Controller"
|
text: "Mpris Controller"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
MprisController {
|
StyledPane {
|
||||||
player: Mpris.active ?? null
|
MprisController {
|
||||||
|
player: Mpris.active ?? null
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -81,41 +92,43 @@ GridLayout {
|
||||||
text: "Drawer"
|
text: "Drawer"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
RowLayout {
|
StyledPane {
|
||||||
Button {
|
RowLayout {
|
||||||
text: "Top"
|
Button {
|
||||||
onClicked: {
|
text: "Top"
|
||||||
drawer.x = root.width / 2 - drawer.width / 2;
|
onClicked: {
|
||||||
drawer.y = 0;
|
drawer.x = root.width / 2 - drawer.width / 2;
|
||||||
drawer.edge = Qt.TopEdge;
|
drawer.y = 0;
|
||||||
drawer.open();
|
drawer.edge = Qt.TopEdge;
|
||||||
|
drawer.open();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
Button {
|
||||||
Button {
|
text: "Left"
|
||||||
text: "Left"
|
onClicked: {
|
||||||
onClicked: {
|
drawer.y = root.height / 2 - drawer.height / 2;
|
||||||
drawer.y = root.height / 2 - drawer.height / 2;
|
drawer.x = 0;
|
||||||
drawer.x = 0;
|
drawer.edge = Qt.LeftEdge;
|
||||||
drawer.edge = Qt.LeftEdge;
|
drawer.open();
|
||||||
drawer.open();
|
}
|
||||||
}
|
}
|
||||||
}
|
Button {
|
||||||
Button {
|
text: "Right"
|
||||||
text: "Right"
|
onClicked: {
|
||||||
onClicked: {
|
drawer.y = root.height / 2 - drawer.height / 2;
|
||||||
drawer.y = root.height / 2 - drawer.height / 2;
|
drawer.x = 0;
|
||||||
drawer.x = 0;
|
drawer.edge = Qt.RightEdge;
|
||||||
drawer.edge = Qt.RightEdge;
|
drawer.open();
|
||||||
drawer.open();
|
}
|
||||||
}
|
}
|
||||||
}
|
Button {
|
||||||
Button {
|
text: "Bottom"
|
||||||
text: "Bottom"
|
onClicked: {
|
||||||
onClicked: {
|
drawer.x = root.width / 2 - drawer.width / 2;
|
||||||
drawer.x = root.width / 2 - drawer.width / 2;
|
drawer.y = 0;
|
||||||
drawer.y = 0;
|
drawer.edge = Qt.BottomEdge;
|
||||||
drawer.edge = Qt.BottomEdge;
|
drawer.open();
|
||||||
drawer.open();
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,4 @@
|
||||||
import qs.components
|
import qs.components
|
||||||
import qs.config
|
|
||||||
import QtQuick
|
import QtQuick
|
||||||
import QtQuick.Layouts
|
import QtQuick.Layouts
|
||||||
|
|
||||||
|
|
@ -14,8 +13,10 @@ GridLayout {
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
|
|
||||||
StyledSwitch {
|
StyledPane {
|
||||||
text: "Enable"
|
StyledSwitch {
|
||||||
|
text: "Enable"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue