【QML】鼠标放在控件上颜色改变的效果实现

南方有大雪

于 2023-08-21 23:32:28 发布

阅读量1.3k

点赞数

分类专栏： QML那些事儿文章标签： qt 开发语言

本文链接：https://blog.csdn.net/weixin_45054387/article/details/132418741

版权

QML那些事儿专栏收录该内容

5 篇文章 0 订阅

订阅专栏

最近刚好要用到一个功能，在qml上实现鼠标放上去，控件的颜色改变，鼠标移走，控件颜色恢复。第一反应是这个功能非常简单，但是搞了一会儿都没实现，最后发现MouseArea其实提供了一个很简便的方法来提供使用，这里做个记录：

ListView {
        height:parent.height;
        width:100;
        model:["测试1","测试2","测试3"];
        delegate: Rectangle{
            id:rect;
            height:40;
            width: 100;
            color: "grey";
            Text {
                anchors.centerIn: parent;
                text: modelData;
            }

            MouseArea{
                anchors.fill: parent;
                hoverEnabled: true;
                onEntered: {    //鼠标移入
                    rect.color = "orange";
                }
                onExited: {
                    rect.color = "grey";
                }
            }
        }
    }