私の出発点は、次のQMLソースです。ここで、GridViewは、アイテム交換の優れたアニメーションを含むListModelを表示しています。
import QtQuick 1.1
GridView {
id: mainGrid
width: 825; height: 400; cellWidth: 165; cellHeight: 95
model: myModel
delegate: myButton
ListModel {
id: myModel
function createModel() {
for (var i=1; i<=20; i++) {
append({"display":i})
}
}
function listItems() {
console.log("LIST OF ITEMS")
for (var i=0; i<=19; i++) {
console.log("model["+i+"]="+get(i).display)
}
}
function moveItem(inx1,inx2) {
move(inx1,inx2,1)
}
Component.onCompleted: {
createModel()
listItems()
}
}
Component {
id: myButton
Item {
id: item
width: 160; height: 90
Rectangle {
id: box
parent: mainGrid
x: item.x; y: item.y; width: item.width; height: item.height; border.width: 1
Behavior on x {NumberAnimation { duration: 1000;} }
Behavior on y {NumberAnimation { duration: 1000;} }
Text {
anchors.centerIn: parent
text: display
}
MouseArea {
anchors.fill: parent
onClicked: {
mainGrid.model.moveItem(index,0)
mainGrid.model.listItems()
}
}
}
}
}
}
QML ListModelの代わりに、QStandardItemModelから派生したC++モデルを使用したいと思います。
#include <QStandardItemModel>
class MyTable : public QStandardItemModel
{
private:
Q_OBJECT
int table[20];
public:
explicit MyTable(QObject *parent = 0) : QStandardItemModel(parent) {}
Q_INVOKABLE void createModel();
Q_INVOKABLE void moveItem(int inx1, int inx2);
};
このモデルは、を介してQMLに公開されqmlRegisterType<MyTable,1>("MyTable",1,0,"MyTable")
ます。問題は、素晴らしいアニメーション効果が得られないことと、スワップ後にモデルが正しく更新されているかどうかもわからないことです。
関連する(問題のある)C++関数は次のとおりです。
void MyTable::createModel()
{
for (unsigned int i=0; i<20; i++) {
table[i]=i;
QStandardItem* item = new QStandardItem(QString("%1").arg(table[i]));
appendRow(item);
}
}
void MyTable::moveItem(int inx1, int inx2) {
//SOME MATH, IT WORKS
int tmp = table[inx1];
if (inx1<inx2) {
for (int i=inx1; i<inx2; i++) table[i] = table[i+1];
table[inx2] = tmp;
} else if (inx2<inx1) {
for (int i=inx1; i>inx2; i--) table[i] = table[i-1];
table[inx2] = tmp;
}
//UPDATE MODEL - IS SOMETHING MISSING HERE?
for (unsigned int i=0; i<20; i++) {
QStandardItem* item = new QStandardItem(QString("%1").arg(table[i]));
setItem(i,0,item);
}
}