début cases

Motus/Case.qml

+import QtQuick
+
+Item {
+    id: _item
+    property alias _textText: _text.text
+    width: 30
+    height: 30
+    focus: true
+    Rectangle {
+        id: rectangle
+        width: 30
+        height: 30
+        color: "#453c3c"
+        radius: 4
+        border.width: 4
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.horizontalCenter: parent.horizontalCenter
+
+        Text {
+            id: _text
+            width: 30
+            height: 30
+            color: "#ffffff"
+            text: qsTr("A")
+            anchors.verticalCenter: parent.verticalCenter
+            font.pixelSize: 20
+            horizontalAlignment: Text.AlignHCenter
+            verticalAlignment: Text.AlignVCenter
+            anchors.verticalCenterOffset: 0
+            anchors.horizontalCenterOffset: 0
+            font.bold: true
+            clip: false
+            anchors.horizontalCenter: parent.horizontalCenter
+        }
+    }
+
+}

Motus/Motus.pro

@@ -5,7 +5,8 @@ SOURCES += \
 
 resources.files = main.qml 
 resources.prefix = /$${TARGET}
-RESOURCES += resources
+RESOURCES += resources \
+    Resources.qrc
 
 # Additional import path used to resolve QML modules in Qt Creator's code model
 QML_IMPORT_PATH =
@@ -17,3 +18,6 @@ QML_DESIGNER_IMPORT_PATH =
 qnx: target.path = /tmp/$${TARGET}/bin
 else: unix:!android: target.path = /opt/$${TARGET}/bin
 !isEmpty(target.path): INSTALLS += target
+
+DISTFILES += \
+    Case.qml

Motus/Resources.qrc

+<RCC>
+    <qresource prefix="/">
+        <file>Case.qml</file>
+    </qresource>
+</RCC>

Motus/main.qml

@@ -4,5 +4,12 @@ Window {
     width: 640
     height: 480
     visible: true
+    color: "#453c3c"
     title: qsTr("Hello World")
+
+    Case {
+        id: _case
+        x: 199
+        y: 274
+    }
 }