CheckBox{ id:checkboxcontrol text: qsTr("湖南省长沙市") checked: true x:100 y:300 indicator: Rectangle{ implicitWidth: 60 implicitHeight: 60 x:checkboxcontrol.leftPadding ...-QT开发中文网

在你提供的 QML 代码中，y: parent.height / 2 - height / 2 的含义是将 Rectangle（复选框的指示器）垂直居中对齐于其父项，即 CheckBox。

解释

parent.height / 2:
- 这表示父项（在这里是 CheckBox）的高度的一半。这个值可以被视为 CheckBox 中心的 y 坐标。
height / 2:
- 这是指 Rectangle 本身的高度的一半。这意味着我们要找到矩形中心的位置。
结合两者:
- y: parent.height / 2 - height / 2
  - 将 Rectangle 的顶部位置设置为父项中心减去矩形高度的一半，从而使矩形的中心与复选框的中心对齐。

整体效果

通过这样的设置，矩形将垂直居中显示在复选框内，使得自定义指示器看起来整齐且美观。

完整示例

以下是你的 QML 示例的完整代码，以帮助你理解：

import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 400
    height: 300

    CheckBox {
        id: checkboxcontrol
        text: qsTr("湖南省长沙市")
        checked: true
        x: 100
        y: 300

        indicator: Rectangle {
            implicitWidth: 60
            implicitHeight: 60
            
            // 设置 x 坐标，与 CheckBox 的左边距对齐
            x: checkboxcontrol.leftPadding  
            
            // 设置 y 坐标，使其垂直居中于 CheckBox 内部 
            y: parent.height / 2 - height / 2;     

            color: "lightblue"
            border.color: "blue"
        }
    }
}