The Middle Earth between developers and ui artists
Daniele Maccioni (aka Gendo)
In order to create user interfaces artists and developers have to work together.
Two different worlds.
Two different mindsets.
Two different jobs.
Two very different perspectives about what a "good" tool has to be.
?
Coders
Artists
We have a tool that can be a free and reasonable compromise, right inside QtCreator (last version >= 3.6)
QtDesigner
QtCreator
...Form.ui.qml
.qml
QtDesigner
Coders
Artists
MyComp
MyComp.qml
MyCompForm.ui.qml
MyComp
MyComp.qml
MyCompForm.ui.qml
Artist/Designer
Developer
QtDesigner
QtCreator
...Form.ui.qml
.qml
App
...Form.ui.qml
Mockup
1
2
3
Artist/Designer
Developer
QtDesigner
QtCreator
...Form.ui.qml
.qml
App
flash, png...
Mockup
1
2
3
Magic
Tools
Loader
Loader
import QtQuick 2.4
Item {
id: root
property string caption: "none.none"
property alias mouseArea: mouseArea
Rectangle {
id: background
...
}
Text {
id: caption
text: root.caption
...
}
MouseArea {
id: mouseArea
anchors.fill: parent
}
states: [
State {
name: "pressed"
PropertyChanges {
target: background
color: "#dd99bb"
}
}
]
}
import QtQuick 2.4
ButtonForm {
mouseArea.onPressed: {
state = "pressed"
}
mouseArea.onReleased: {
state = ""
}
}
import QtQuick 2.4
import QtQuick.Layouts 1.2
Item {
id: root
property alias fancyWidget: fancyWidget
ColumnLayout {
id: layout
...
Button {
id: button1
caption: "New Game"
Layout.fillWidth: true
Layout.fillHeight: true
}
...
Item {
id: fancyWidget
Layout.minimumHeight: 200
Layout.fillWidth: true
}
}
}
import QtQuick 2.4
MenuForm {
Loader {
id: loader
anchors.fill: fancyWidget
}
function loadWidget() {
...
loader.sourceComponent = ...
...
}
}
For real this time...