[英]How to dynamically add components in QML?
I am trying to create a component on the fly when a button is pressed, then add it to the current parent. 我正在尝试按下按钮时动态创建一个组件,然后将其添加到当前父级。 I'm not sure what I am doing wrong here,
我不确定我在这里做错了什么,
I have this simple layout: 我有这个简单的布局:
import QtQuick 2.0
import Ubuntu.Components 0.1
import "components"
import "componentCreation.js" as MyScript
/*!
\brief MainView with a Label and Button elements.
*/
MainView {
// objectName for functional testing purposes (autopilot-qt5)
objectName: "mainView"
// Note! applicationName needs to match the "name" field of the click manifest
applicationName: "com.ubuntu.developer..SpritePractice"
/*
This property enables the application to change orientation
when the device is rotated. The default is false.
*/
//automaticOrientation: true
width: units.gu(100)
height: units.gu(75)
Page {
title: i18n.tr("Simple")
Column {
spacing: units.gu(1)
anchors {
margins: units.gu(2)
fill: parent
}
Button
{
text: i18n.tr("Hello World!!");
onClicked:
{
var component;
var sprite;
component = Qt.createComponent("Sprite.qml");
sprite = component.createObject(parent, {"x": 100, "y": 100});
}
}
}
}
}
Here is my "sprite" that I am trying to add: 这是我想要添加的“精灵”:
import QtQuick 2.0
Rectangle { width: 80; height: 50; color: "red" }
How can I add the component I am creating to the current parent? 如何将我正在创建的组件添加到当前父级?
How to resolve: 如何解决:
I used the answer below and I used the Ubuntu documentation: 我使用了下面的答案,并使用了Ubuntu文档:
You need to provide id here, instead of parent. 您需要在此处提供ID,而不是父级。
sprite = component.createObject(parent, {"x": 100, "y": 100});
Try following, 试试以下,
Page {
...
Column {
id: container
...
Button
{
text: i18n.tr("Hello World!!");
onClicked:
{
var component;
var sprite;
component = Qt.createComponent("Sprite.qml");
sprite = component.createObject(container, {"x": 100, "y": 100});
}
}
}
}
I also created a sample code , which does same, Please have a look 我还创建了一个示例代码 ,它也一样,请看看
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.