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

最新推荐文章于 2023-08-23 10:14:27 发布

redhat7890

最新推荐文章于 2023-08-23 10:14:27 发布

阅读量7.6k

点赞数 2

CC 4.0 BY-SA版权

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

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

QT开发专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用QML编写的简单按钮示例，演示了如何通过MouseArea组件实现按钮的鼠标悬停和点击交互效果，并设置了不同的状态来改变按钮颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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