QML实现多选按钮

最新推荐文章于 2023-12-28 11:17:02 发布

weixin_33777877

最新推荐文章于 2023-12-28 11:17:02 发布

阅读量554

点赞数

原文链接：http://www.cnblogs.com/xuexiwrite/p/9722150.html

版权

这里使用了条件表达式


import QtQuick 2.0

Item {
    id: root

    width: 1920
    height: 1080

    ListView {
        width: 600
        height: 800
        anchors.centerIn: parent

        model: 5
        delegate: Rectangle {
            id: delegateItem
            width: 100
            height: 50
            color: "lightblue"
            Text {
                anchors.centerIn: parent
                text: index
                font.pixelSize: 30
            }
            border.color: "black"

            MouseArea {
                anchors.fill: parent
                onClicked:  {
                    console.log(delegateItem.color)
                  delegateItem.color = (delegateItem.color == "#add8e6")?"lightyellow":"#add8e6"
                }
            }
        }
    }


}

转载于:https://www.cnblogs.com/xuexiwrite/p/9722150.html