qskinny/examples/buttons/buttons.qml
2021-11-19 14:05:27 +01:00

140 lines
2.6 KiB
QML

import Skinny 1.0 as Qsk
import QtQuick 2.5
import "qrc:/qml"
Qsk.Window
{
id: window
visible: true
// visibility: QskWindow.Minimized
width: 600
height: 600
color: "Beige"
Qsk.Shortcut
{
sequence : "Ctrl+X"
onActivated: console.log( "Ctrl+X" )
}
Qsk.LinearBox
{
orientation: Qt.Horizontal
dimension: 3
//margins: 10 // only possible with Qt <= 6.1
margins { left: 10; top: 10; right: 10; bottom: 10 }
spacing: 10
TestButton
{
text: "Push Me"
focus: true
}
TestButton
{
text: "Disabled"
enabled: false
}
TestButton
{
text: "The quick brown fox jumps over the lazy dog !"
clip: true
textOptions
{
elideMode: Qt.ElideNone
wrapMode: Qsk.TextOptions.WordWrap
}
}
TestButton
{
text: "The <b><font color='red'>quick</font></b> brown fox jumps over the lazy dog !"
textOptions
{
format: Qsk.TextOptions.AutoText
elideMode: Qt.ElideRight
}
onClicked:
{
textOptions.format = textOptions.format === Qsk.TextOptions.AutoText
? Qsk.TextOptions.PlainText : Qsk.TextOptions.AutoText
}
}
TestButton
{
text: "Autorepeater"
autoRepeat: true
autoRepeatDelay: 500
autoRepeatInterval: 200
}
TestButton
{
text: "Check Me"
graphicSource: "image://shapes/Ring/Khaki"
checkable: true
}
TestButton
{
text: "Check Me"
flat: true
checkable: true
}
TestButton
{
text: "Push Me"
flat: true
}
TestButton
{
text: "Disabled"
flat: true
enabled: false
}
TestButton
{
graphicSource: "image://shapes/Diamond/SandyBrown"
shape
{
sizeMode: Qt.RelativeSize
aspectRatioMode: Qt.IgnoreAspectRatio
radius: 100
}
}
TestButton
{
text: "Push Me"
shape
{
sizeMode: Qt.AbsoluteSize
radius: 0.0
}
}
}
Qsk.FocusIndicator
{
}
}