Tour Preview

Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!


Provides custom styling for Button. More...

Import Statement: import QtQuick.Controls.Styles 1.4
Since: Qt 5.1


Detailed Description

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.

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.