ButtonStyle QML Type

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.