QML 基础类型 - point

QML 基础类型 point

point 类型是具有x, y 属性的数据结果。用于表示平面的一个点。

import QtQuick 2.0

Rectangle {  // 基本类型，生成一个矩形
    width: 360  //矩形宽
    height: 360 //矩形高
    color: "lightblue" //矩形内部颜色
    property point leftTop: Qt.point(90, 90) //定义一个点并初始化

    Rectangle { // 以参数leftTop 数值绘制rect
        x: leftTop.x
        y: leftTop.y
        width: 180
        height: 180
        color: "black"

        Text { //现实hello world
            anchors.centerIn:  parent
            id: helloWorld
            color: "red"
            text: qsTr("Hello World!")
        }
    }

    MouseArea {  //鼠标有效区域
        anchors.fill: parent  // 有效区域为矩形区域（也就是他的父对象
        onClicked: { //响应鼠标点击
            console.log(leftTop.x, leftTop.y) // 打印log
            Qt.quit()
        }
    }
}