我想在一个QML里面画很多矩形。矩形(x,y)的坐标将在c++中计算,并且需要传递给QML。
我试图寻找ListView或列或行元素(与Repeater),但这似乎解决了问题,因为元素排列像在"表"…我面临着网络上缺乏此类案例的信息。
更具体地说:
1. 如何通过许多坐标为我的矩形的QML?(什么数据结构)
2. 我应该使用什么机制来显示它们?
您可以简单地:
import QtQuick 2.0
Rectangle {
id: root
height: 500
width: 500
property string sc: 'import QtQuick 2.0; Rectangle {width: 20; height: 20; color: "red"; Component.onCompleted: {x = Math.random() * parent.width; y = Math.random() * parent.height;}}'
Component.onCompleted: {
for (var i = 0; i < 10; ++i) Qt.createQmlObject(sc, root, 'obj' + i);
}
}
此代码将创建指定数量的矩形,并将它们随机放置在父矩形上。
如果必须在c++中生成位置,则必须创建一个自定义的c++元素,下面是一个基本示例:
class Positioner : public QObject
{
Q_OBJECT
public:
explicit Positioner(QObject *parent = 0) : QObject(parent) {}
public slots:
QPointF getPosition() {
return QPoint(qrand() % 500, qrand() % 500);
}
};
注册到main.cpp:
qmlRegisterType<Positioner>("TestComponent", 1, 0, "Positioner");
最后使用它,这次我们使用定位器的getPosition()
c++插槽:
import QtQuick 2.0
import TestComponent 1.0
Rectangle {
id: root
height: 500
width: 500
Positioner {id: myPositioner}
property string sc: 'import QtQuick 2.0; Rectangle {width: 20; height: 20; color: "red"; Component.onCompleted: {var pos = myPositioner.getPosition(); x = pos.x; y = pos.y;}}'
Component.onCompleted: {
for (var i = 0; i < 10; ++i) Qt.createQmlObject(sc, root, 'obj' + i);
}
}
您还可以使用现有的QML文件而不是字符串,这更方便一些,因为您可以自动完成。这将是您的testtem组件,只是为了好玩,它的实例将在单击时删除自己:
import QtQuick 2.0
Rectangle {
width: 100
height: 100
color: "black"
MouseArea {
anchors.fill: parent
onClicked: parent.destroy()
}
Component.onCompleted: {
var pos = myPositioner.getPosition()
x = pos.x
y = pos.y
}
}
在主QML文件中实例化它:
var component = Qt.createComponent("TestItem.qml")
component.createObject(root)
如果您不想在QML中实例化定位器,而是在QML中实例化和使用单个对象,您可以执行以下操作(在main.cpp中):
Positioner p;
view.rootContext()->setContextProperty("sPositioner", &p);
并在QML中使用:
var pos = sPositioner.getPosition()