QML：我可以从中心绘制一个矩形，而不是从它的角落绘制一个矩形吗？

Question

如果我想在qml中想象一个点，我可以这样做：

import QtQuick 2.4
import QtQuick.Window 2.2
import QtQuick.Controls 1.2
import QtQuick.Layouts 1.0

ApplicationWindow{
    width: 1024
    height: 256
    visible: true

    ColumnLayout {
        anchors.fill: parent

        Rectangle {
            x: 10
            y: 10
            width: 5
            height: 5
            color: "white"
        }
    }
}

然而，矩形会将其左上角向下绘制。有没有办法绘制以x，y为中心的矩形？

由于

Answer 1

不按原样使用Rectangle，但您可以制作自己的商品。使用transform属性允许x和y引用矩形的中心。

MyRectangle.qml：

import QtQuick 2.0

Rectangle {
    id: rect

    transform: Translate {
        x: -rect.width / 2
        y: -rect.height / 2
    }
}

然后你会这样使用它：

import QtQuick 2.0
import QtQuick.Window 2.0

Window {
    width: 200
    height: 200
    visible: true

    MyRectangle {
        x: 50
        y: 50
        width: 50
        height: 50
        color: "darkorange"
    }
}