QML实现-按钮点击变色功能

最新推荐文章于 2025-04-30 21:45:00 发布

redhat7890

最新推荐文章于 2025-04-30 21:45:00 发布

阅读量7.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： QT开发文章标签： import

本文链接：https://blog.youkuaiyun.com/redhat7890/article/details/6801332

QT开发专栏收录该内容

1 篇文章

订阅专栏

import QtQuick 1.0
Rectangle {
    width:400
    height:400


    Rectangle {
        id:btn
        width: 122
        height: 30
        color: "red"
        Text {
            text: "Welcome to China"
        }
        MouseArea {
            anchors.fill: parent
            //onClicked: btn.state == 'clicked' ? btn.state = "" : btn.state = 'clicked';      
            onContainsMouseChanged: btn.state == 'clicked' ? btn.state = "" : btn.state = 'clicked';

        }
        states: [
            State {
                name: "clicked"
                PropertyChanges { target: btn; color: "blue" }
            }
        ]
    }

onContainsMouseChanged是MouseArea中的响应方法，关于QML中的元素查询，官方地址：
http://doc.qt.nokia.com/4.7-snapshot/qdeclarativeelements.html