QML 基础类型 - size

size 是QML 的一个基础类型,具有 width 和 height 属性。

可以用于表示图片,窗体的尺寸。

使用 size。见examples

import QtQuick 2.0

Rectangle {  // 基本类型,生成一个矩形
    width: 360  //矩形宽
    height: 360 //矩形高
    color: "lightblue" //矩形内部颜色
    //定义 size, 这个size 可以被其他的element调用,并对size 复制,进而创建不同尺寸的rect
    property size leftWindowSize: Qt.size(120, 120)
    property size rightWindowSize: Qt.size(80, 80)

    Rectangle {
        x: 0
        y: 120
        width: leftWindowSize.width
        height: leftWindowSize.height
        color: "black"
    }

    Rectangle {
        x: 140
        y: 140
        width: rightWindowSize.width
        height: rightWindowSize.height
        color: "black"
        border.color: "red"
        border.width: 10
    }
   
    MouseArea {  //鼠标有效区域
        anchors.fill: parent  // 有效区域为矩形区域(也就是他的父对象
        onClicked: { //响应鼠标点击
            Qt.quit()
        }
    }
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章