QML 值改变信号

最新推荐文章于 2025-04-21 11:59:33 发布

原创最新推荐文章于 2025-04-21 11:59:33 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

qt学习专栏收录该内容

5 篇文章

订阅专栏

Author: DriverMonkey

QQ:196568501

Mail:bookworepeng@Hotmail.com

    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    property color preColor: "red"
    property color nextColor: preColor

    onPreColorChanged:
    {
        console.log("precolor changed!")
    }
    onNextColorChanged:
    {
        console.log("nex color change!")
    }

    Rectangle{
        color: root.preColor
        x: 20; y: 20; width: 100; height: 100
        MouseArea{
            property int counter: 0
            anchors.fill: parent
            onClicked: {
                root.preColor = "blue"
                counter++
                if(counter % 2 == 1)
                {
                   root.preColor = "blue"
                }else
                {
                   root.preColor = "red"
                 }
            }
        }
    }
    Rectangle{
        color : root.nextColor
        x: 100; y: 100; width: 100; height: 100
        MouseArea{
            property int counter: 0
            anchors.fill: parent
            onClicked: {
                counter++
                if(counter % 2 == 1)
                {
                   root.nextColor = "blue"
                }else
                {
                    root.nextColor = "red"
                 }
        }
        }
    }
}