QML GroupBox：检测到属性“implicitWidth”的绑定循环

Question

我正在尝试在 QQuickWidget 中加载一些 QML 表单并不断收到：QML GroupBox: Binding loop detected for property "implicitWidth" 简化的 QML 是：

import QtQuick 2.4
import QtQuick.Controls 1.2

GroupBox {
    id: root
    title: qsTr("1")

    Column {
        id: column1
        width: parent.width

        ComboBox {
            id: cbComboBox
            width: parent.width
            currentIndex: 0
            editable: false
        }

        GroupBox {
            id: groupBox
            title: "test"
            width: parent.width //the problem
            Label {
                text:"1"
                width: parent.width
            }

        }
    }
}

由于某种原因，我似乎无法将 parent.width 或 cbComboBox.width 用于 groupBox。 root.width 工作但太宽了。我错过了什么？我需要嵌套的 GroupBox 具有最大宽度（带间距）。

Answer 1

根据Qt GroupBox QML Type documentation

GroupBox 的隐式大小是根据其内容的大小计算得出的。

这意味着 GroupBox 将自动使用其子级的大小来计算自己的大小。 在您的情况下，唯一的孩子是宽度等于 GroupBox 宽度的列。我认为这就是导致绑定循环的原因。

如果您按照@eyllanesc 所说的那样设置Column 的宽度，则绑定循环将消失。

我宁愿在 QML 部分定义 GroupBox 的隐式宽度（默认宽度）。在我的示例中，隐式宽度为 100px，但可以根据子项（ComboBox、其他 GroupBox、...）的宽度计算得出。

// MyGroupBox.qml
import QtQuick 2.4
import QtQuick.Window 2.2
import QtQuick.Controls 1.2

GroupBox {
    title: qsTr("1")
    implicitWidth: 100
    Column {
        id: column1
        width: parent.width
        ComboBox {
            id: cbComboBox
            currentIndex: 0
            editable: false
            width: parent.width
        }
        GroupBox {
            id: groupBox
            title: "test"
            width: parent.width
            Label {
                text: "1"
            }
        }
    }
}

并且可以通过更改根对象的宽度直接从 C++ 中根据您的项目设置实际宽度。

// main.cpp
#include <QtQuickWidgets/QQuickWidget>
#include <QQuickItem>
#include <QtWidgets>

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);
    QQuickWidget *view = new QQuickWidget;
    view->setSource(QUrl::fromLocalFile("://MyGroupBox.qml"));
    view->rootObject()->setWidth(800);
    view->show();
    return app.exec();
}