ButtonStyle QML Type▲
-
Import Statement: import QtQuick.Controls.Styles 1.4
-
Since: Qt 5.1
-
Group: ButtonStyle is part of Styling Controls
Detailed Description▲
You can create a custom button by replacing the "background" delegate of the ButtonStyle with a custom design.
Example:
Sélectionnez
Button {
text: "A button"
style: ButtonStyle {
background: Rectangle {
implicitWidth: 100
implicitHeight: 25
border.width: control.activeFocus ? 2 : 1
border.color: "#888"
radius: 4
gradient: Gradient {
GradientStop { position: 0 ; color: control.pressed ? "#ccc" : "#eee" }
GradientStop { position: 1 ; color: control.pressed ? "#aaa" : "#ccc" }
}
}
}
}If you need a custom label, you can replace the label item.
Property Documentation▲
background : Component▲
This defines the background of the button.
[read-only] control : Button▲
The Button this style is attached to.
label : Component▲
This defines the label of the button.
padding group▲
padding.bottom : int
padding.left : int
padding.right : int
padding.top : int
This grouped property holds the top, left, right and bottom padding.