Provides custom styling for Button 更多...
import 语句: | import QtQuick.Controls.Styles 1.4 |
Since: | Qt 5.1 |
You can create a custom button by replacing the "background" delegate of the ButtonStyle with a custom design.
范例:
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.
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.