QML 值改变信号

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"
                 }
        }
        }
    }
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值