Thanks dasRicardo!
I extend my code with a javascript to set my elements dynamically. But how can I set my button and my text in my gridview in one cell instead of placing them in separate cells?
This is what I want:
I Button I
I Text I
I Text I
I Text I
I
I Button I
I Text I
I Text I
I Text I
This is how it looks like at the moment:
I Button I I Button I
I Text I I Text I
I Text I I Text I
I Text I I Text I
my main.cpp
@
#include <QApplication>
#include <QQmlApplicationEngine>
#include <QtQml>
#include <client.h>
#include <timeline.h>
#include <QQmlComponent>
int main(int argc, char *argv[])
{
QApplication app(argc, argv);
QQmlApplicationEngine engine;
TimelineModel model;
model.addDevice(Timeline("content/image/devices/water_heater.png", "1,70 €", "0,80 kWh", "16:00 - 16:45", true));
model.addDevice(Timeline("content/image/devices/tv", "1,70 €", "0,80 kWh", "16:00 - 16:45", true));
model.addDevice(Timeline("content/image/devices/device_placeholder.png", "1,70 €", "0,80 kWh", "16:00 - 16:45", true));
model.addDevice(Timeline("12 August", false));
engine.rootContext()->setContextProperty("timelineModel", &model); engine.load(QUrl(QStringLiteral("qrc:///main.qml")));
return app.exec();
}
@
my timeline.qml:
@
import QtQuick 2.2
import QtQuick.Dialogs 1.1
import QtQuick.Controls 1.1
import "componentCreation.js" as MyScript
Rectangle {
id: timelineRectangle
anchors.fill: parent
visible: true
Loader {
id: qmlloader
// anchors.fill: parent
z: 1
}
Rectangle {
id: rectangle1
x: parent.width/2 - 10;
width: 20
height: parent.height;
color: "#000000"
clip: false
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.top: parent.top
}
Component {
id: timelineDelegate
Item {
width: grid.cellWidth; height: grid.cellHeight
Column {
id: timelineColumn
anchors.fill: parent
spacing: 20
Component.onCompleted: MyScript.createSpriteObjects(timelineColumn);
}
}
}
GridView {
id: grid
flickableDirection: Flickable.AutoFlickDirection
anchors.fill: parent
cellWidth: grid.width/3
cellHeight: grid.height/3
anchors.margins: 100
delegate: timelineDelegate
model: timelineModel
}
}
@
my componentCreation.js:
@
var component;
var sprite;
function createSpriteObjects(timeParent) {
component = Qt.createComponent("TimelineItems.qml");
if (component.status == Component.Ready) {
sprite = component.createObject(timeParent);
}
if (sprite == null) {
// Error Handling
console.log("Error creating object");
console.log("component: " + component.error);
}
}
@
my TimelineItems.qml
@
Rectangle {
Column {
Button {text: "Button"; anchors.horizontalCenter: parent.horizontalCenter}
Text {text: "euro" }
Text {text: "kwh" }
Text {text: "time" }
}
}
@
