How can I add elements created in QML to a QGraphicsView ?

In order to add elements created in QML to a QGraphicsView [doc.qt.nokia.com], you can create a QDeclarativeComponent [doc.qt.nokia.com] which loads the QML code and then create an instance of this component using create() [doc.qt.nokia.com]. For example:

QDeclarativeEngine engine;
QDeclarativeComponent component(&engine);
component.setData("import QtQuick 1.0\nText { text: \"Hello world!\" }", QUrl());
QDeclarativeItem *item = qobject_cast<QDeclarativeItem *>(component.create());

Since QDeclarativeItem [doc.qt.nokia.com] is a QGraphicsObject [doc.qt.nokia.com] you can add it to your QGraphicsScene [doc.qt.nokia.com].

The following example illustrates how this can be done.

main.cpp

#include <QtGui>
#include <QtDeclarative>
int main(int argc, char** argv)
{
QApplication app(argc, argv);
QDeclarativeEngine engine;
QDeclarativeComponent component(&engine);
component.loadUrl(QUrl::fromLocalFile("test.qml"));
QDeclarativeItem *item = qobject_cast <QDeclarativeItem *>(component.create());
QGraphicsView view;
QGraphicsScene *scene = new QGraphicsScene(&view);
view.setScene(scene);
scene->addItem(item);
view.show();
return app.exec();
}

test.qml

import QtQuick 1.0
Rectangle {
width: 100
height: 100
color: "red"
border.color: "black"
border.width: 5
radius: 10
}

1 comment

January 28, 2013

David_Gil

Lab Rat

Strictly speaking, one adds an item to a QGraphicsScene and views it with a QGraphicsView.

Useful tip, by the way. Thank you.

Tags what is this? Undo?

Ratings what is this?

Not registered?

How can I add elements created in QML to a QGraphicsView ?

1 comment

January 28, 2013

Write a comment