qml style使用

QML Style是一种定义了一组属性和值的样式，可以用来设置QML界面中各种UI组件的外观和行为。在QML应用程序中，可以通过指定Style属性以及引入Style文件来使用Style。

以下是一些使用QML Style的示例：

1. 设置Rectangle组件的颜色和边框：

Rectangle {
    width: 100
    height: 100
    style: RectangleStyle {
        color: "yellow"
        border.color: "black"
        border.width: 2
    }
}

2. 定义一个ButtonStyle，用于设置Button组件的样式：

Style {
    id: ButtonStyle
    property color textColor: "white"
    property color backgroundColor: "blue"

    Button {
        background: backgroundColor
        text: "Click Me"
        font.bold: true
        font.pointSize: 14
        color: textColor
    }
}

3. 引入一个外部Style文件：

在MyStyle.qml中定义了一个ButtonStyle，可以使用import语句将其引入到其他QML文件中。

MyStyle.qml:

import QtQuick 2.0

Style {
    id: ButtonStyle
    property color textColor: "white"
    property color backgroundColor: "blue"

    Button {
        background: backgroundColor
        text: "Click Me"
        font.bold: true
        font.pointSize: 14
        color: textColor
    }
}

在其他QML文件中使用ButtonStyle：

import QtQuick 2.0
import "MyStyle.qml" as Style

Rectangle {
    width: 100
    height: 100
    Style.ButtonStyle {}
}