ButtonStyle QML Type

Provides custom styling for Button. More...

• List of all members, including inherited members

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