c++ - 从 c++ 对象动态创建 qml 对象(使用 setContextProperty)
问题描述
我正在尝试使用 c++ 类的对象在 c++ 中动态创建一个 qml 对象。下面是我的方法的最小代码。执行此代码并单击后,应用程序崩溃(请参阅 main.qml 中的注释)。
我已经粘贴了下面的代码,可以在这里下载。
主文件
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "scene.h"
int main(int argc, char *argv[])
{
QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
QGuiApplication app(argc, argv);
QQmlApplicationEngine engine;
engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
scene sc(engine);
QQmlContext* context = engine.rootContext();
context->setContextProperty("sc", &sc);
if (engine.rootObjects().isEmpty())
return -1;
return app.exec();
}
场景.h
#ifndef SCENE_H
#define SCENE_H
#include <QObject>
#include <QQmlApplicationEngine>
#include <QQmlComponent>
class scene : public QObject
{
Q_OBJECT
public:
explicit scene(QQmlApplicationEngine& engine, QObject *parent = nullptr);
QQmlApplicationEngine& engine;
public slots:
void create_rect_object();
};
#endif // SCENE_H
场景.cpp
#include "scene.h"
scene::scene(QQmlApplicationEngine &engine, QObject *parent) : engine(this->engine),QObject(parent)
{
}
void scene::create_rect_object()
{
QQmlComponent component(&engine, QUrl::fromLocalFile("myrect.qml"));
QObject *object = component.create();
object->setProperty("width", 200);
object->setProperty("height", 150);
object->setProperty("color", "blue");
}
main.qml
import QtQuick 2.11
import QtQuick.Window 2.11
Window {
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Rectangle{
anchors.fill: parent
color: "red"
MouseArea{
anchors.fill: parent
onClicked: {
console.log("Before click");
sc.create_rect_object(); // application is crashing here
console.log("after click");
}
}
}
}
myrect.qml
import QtQuick 2.0
Rectangle {
id:id_rec
width: 100
height: 100
color: "green"
x:0
y:0
}
更新
要创建的对象不是主窗口根的子项,而是主窗口根的子项链中的一项的子项。伪结构如下所示。
main.qml
Window {
customitem1{
id:id_ci1
}
customitem2{
id:id_ci1
}
}
customitem1.qml
Item {
customitem3{
id:id_ci3
}
customitem3{
id:id_ci4
}
}
解决方案
[更新]
您有两个崩溃错误和一个不显示矩形的错误
1.你scene
的构造函数成员初始化列表是虚假的,导致应用程序崩溃
(提示:为类成员使用不同的命名方式,方法是在它们前面加上m_
eg:m_engine
for READABILITY并且不要混淆)
//Correct WAY
class Something
{
private:
int m_value1;
double m_value2;
char m_value3;
public:
//################# YOUR CASE ###############################
Something(int number) : m_value1(number), m_value2(2.2), m_value3('c') // directly initialize our member variables
{
// No need for assignment here
}
//#############################################################
Something() : m_value1(1), m_value2(2.2), m_value3('c') // directly initialize our member variables
{
// No need for assignment here
}
void print()
{
std::cout << "Something(" << m_value1 << ", " << m_value2 << ", " << m_value3 << ")\n";
}
}
它应该是这样的:
scene::scene(QQmlApplicationEngine &engine, QObject *parent) : engine(engine),QObject(parent)
代替
scene::scene(QQmlApplicationEngine &engine, QObject *parent) : engine(this->engine),QObject(parent)
2.您从本地文件中获取的url
在运行时未找到的文件也导致应用程序崩溃,补救措施之一是从您的文件中加载它myrect.qml
qrc
QQmlComponent component(&engine, QUrl("qrc:/myrect.qml"));
3.单击后您会注意到没有矩形,这是因为创建的矩形没有父级,并且通过更改您的create_rect_object()
(在此示例中,父级是我们窗口的不可见根contentItem
),您将获得一些矩形: )
//A QQuickWindow always has a single invisible root item containing all of its content.
//To add items to this window, reparent the items to the contentItem or to an existing item in the scene.
//http://doc.qt.io/qt-5/qquickwindow.html#contentItem-prop
void scene::create_rect_object()
{
QQmlComponent component(&engine, QUrl("qrc:/myrect.qml"));
QObject *object = component.create();
QQuickItem *item = qobject_cast<QQuickItem*>(object);
// Set the parent of our created qml rect
item->setParentItem((QQuickItem*)((QQuickWindow *) engine.rootObjects()[0])->contentItem());
//Set some random position and color
item->setProperty("color", QColor::fromRgb(QRandomGenerator::global()->generate()));
item->setX(20+qFloor(QRandomGenerator::global()->generateDouble()*20));
item->setY(20+qFloor(QRandomGenerator::global()->generateDouble()*20));
}
从 C++ 中查找 QML 对象
要查找对象并将它们用作parentItem
,您必须设置objectName
qml 对象的
Rectangle {
...
objectName : "rect_1"
...
}
在 C++ 中
QObject* obj = dynamic_cast<QObject*>(engine.rootObjects()[0]).findChild("rect_1");
推荐阅读
- python - 当存在长标识符时,argparse 会排除短标识符
- c# - 检测连续整数并折叠成字符串
- angular - 在 Siteground 上登录后代码 401 无效的 JWT 令牌
- flutter - 如何使 TextFields 和 RaisedButton 的宽度相同?
- python - Python:删除列表中至少由同一列表中的另一个字符串包含的字符串
- python - 如何将 XML 数据转换为 pandas 数据框?
- python - 在 Pandas Dataframe 中按一列排序,然后按另一列分组?
- javascript - 明智地将单选按钮问题部分显示为 HTML/JS 页面的选项卡
- html - 表格不会填充 100% 的 Div。Thead、Tbody、Table 全部填充 100%。td 和 th 不会
- html - Material.io 色彩设计系统