Question

我正在尝试创建一个QML对象，其作用类似于其他对象的包装器。这是我的QML文件（Container.qml）：

Item {
    property string label
    property Item control

    Row {
        Label {
            text: label
        }

        // Not sure how to display the control assigned to the control property
    }
}

我想做什么（在我的QML中使用这个组件）是这样的：

Container {
    label: "My Label"
    control: Textbox {
        text: "My Value"
    }
}

当输入QML时，结果（在界面中）应该类似于此QML的输出：

Item {
    Row {
        Label {
            text: "My Label"
        }
        Textbox {
            text: "My Value"
        }
    }
}

这可能吗？当我尝试这样做时，在将一个Item分配给control属性时，我得到“无法将对象分配给属性”。我搜索了Qt论坛并无情地搜索了这个，但没有成功。如果有人知道答案，我们将不胜感激。

由于

杰克

Answer 1

有更好的解决方案：

/* MyObject.qml */

Rectangle {
    default property alias data /* name can be any */ : inner_space.data

    /* ... You can put other elements here ... */
    Item {
       id: inner_space

       /* ... Params ... */
    }
    /* ... You can put other elements here ... */
}

现在我们可以做我们想做的一切！

/* main.qml */

Rectangle {
    MyObject {
        Button {
             /* ... */
        }
    }
}

感谢用户bobbaluba建议使用data属性而不是children。

Answer 2

您可以使用Loader元素动态加载项目，然后将'control'属性设置为alias，直接引用加载程序的 sourceComponent 属性。 / p>

所以你的Container.qml看起来像这样：

Item {
    property string label
    property alias control : loader.sourceComponent

    width: 200; height: 200

    Row {
        Label { text: label }
        Loader { id: loader }
    }
}

现在，当您将图形项目分配给“control”属性时，Loader会自动显示它。

Answer 3

您可以使用自定义属性为其他项创建容器：

Item
{
    id: root

    property list<Item> rectList: [
        Rectangle
        {
            parent: root
        },
        Rectangle
        {
            parent: root
        },
        Rectangle
        {
            parent: root
        },
        Rectangle
        {
            parent: root
        }
    ]
}

请注意，Rectangle Items的父级是手动设置的，因此它们将是容器的可视子级。

您可以将它们评估为javascript数组

for ( var i = 0; i < root.rectList.length; i++ )
{
   var rect = root.rectList[i];
   rect.visible = true;
}

或

rect.rectList[1].visible = false;

Answer 4

现在使用QML已经有一个月左右了，我不知道该怎么做才恐怕。

最佳计划是找出控件（示例中为Textbox）可能存在的所有内容，创建行中每个组件的实例，并在Item上设置相应的状态。然后，州将根据需要使所需组件可见或不可见。

修改

想一想。（还没试过，但试一试！）在Item的{{1}}处理程序中，尝试拨打Component.onCompleted:，其中control.createObject(rowID)是rowID您的id对象（您希望成为Row的父级）。

如何在QML中将QML项目分配给组件属性，然后在组件内部使用该对象？

4 个答案: