QML 基础类型 - point

最新推荐文章于 2024-11-06 19:02:04 发布

原创最新推荐文章于 2024-11-06 19:02:04 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

Qt 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了QML语言中point类型的使用方法，并通过一个具体的矩形绘制实例展示了如何定义和利用point来确定图形的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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()
        }
    }
}