ButtonStyle QML Type
Provides custom styling for Button More...
| Import Statement: | import QtQuick.Controls.Styles 1.4 | 
| Since: | Qt 5.1 | 
Properties
- background : Component
- control : Button
- label : Component
Detailed Description
You can create a custom button by replacing the "background" delegate of the ButtonStyle with a custom design.
Example:
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.
| label : Component | 
This defines the label of the button.