QML类型——State

最新推荐文章于 2024-10-31 22:38:42 发布

「已注销」

最新推荐文章于 2024-10-31 22:38:42 发布

阅读量641

点赞数

分类专栏： QML 文章标签： qml

本文链接：https://blog.csdn.net/fengyanyu68/article/details/107482224

版权

QML的State用于定义对象在不同配置间切换的状态，如禁用、鼠标悬浮等。通过States属性添加状态，PropertyChanges实现属性变化，如颜色切换。状态常与Transitions结合，实现状态改变时的动画效果。状态可以扩展其他状态，继承其属性并覆盖重复项。when属性根据条件决定状态是否生效。

摘要由CSDN通过智能技术生成

正文

定义对象和属性的状态。

详细说明

state是提供一组用来更改状态的默认配置。
所有元素都有默认状态，该状态定义对象和属性值的默认配置。可以通过States属性添加state对象来定义新状态，以允许元素在不同配置之间切换。
例如，一个按钮有禁用状态、鼠标悬浮状态、鼠标按下状态等等，通过States添加对于的状态，提供给按钮切换不同的状态。

以下示例展示一个矩形，在默认状态下，矩形被填充黑色；在“clicked”状态下，PropertyChanges对象将矩形的颜色更改为红色。在MouseArea中单击可以在默认状态和"clicked"状态之间切换，从而实现在黑色和红色之间切换颜色。

import QtQuick 2.0

Rectangle {
    id: myRect
    width: 100; height: 100
    color: "black"

    MouseArea {
        {
        id:  mouseArea
        anchors.fill: fill: parent
        onClicked:  myRect.state == 'clicked' ? ? myRect.state = "" : : myRect.state = 'clicked';
    }}

    states: [
         [
        State {
            {
            name:  "clicked"
            PropertyChanges { { target:  myRect;  color:  "red" }}
        }}
    ]]
}}