Row和Column无法调用带有Item标签的组件QML,只显示最后的一个色块,所以,多次调用时,一定不要用Item包裹。

import QtQuick 2.15

Item {
    id:root
    property string colorValue: "red"
    //signal clicked

    Rectangle{
        width: 620
        height: 120
        color: colorValue
        //anchors.bottom: parent.bottom
        //anchors.horizontalCenter: parent.horizontalCenter
        MouseArea {
            anchors.fill: parent
            onClicked: root.clicked()
        }
    }



}
import QtQuick 2.15


    Rectangle{
        width: 620
        height: 120
        MouseArea {
            anchors.fill: parent
        }
    }

      Column{
          x:200
          y:200
          spacing:200
          ClickableColor{
              id:areaA
              color: "red"
          }
          ClickableColor{
              id:areaB
              color: "blue"
          }
          ClickableColor{
              id:areaC
              color: "green"
          }
          Rectangle { color: "red"; width: 50; height: 50 }
              Rectangle { id: greenRect; color: "green"; width: 20; height: 50 }
              Rectangle { color: "blue"; width: 50; height: 20 }
      }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值