diff --git a/motus/Main.qml b/motus/Main.qml index 4a50211240a2e1e3b70911cca1aeb011029bca7d..ceab2ecfadb4b5a9e036c352c33a1eace7848b5c 100644 --- a/motus/Main.qml +++ b/motus/Main.qml @@ -4,12 +4,33 @@ Window { width: 900 height: 800 visible: true + color: "#8ff0a4" title: qsTr("Hello World") + + Rectangle { + id: rectangle + x: 286 + y: 86 + width: 328 + height: 58 + color: "#26a269" + + Text { + id: _text + x: 121 + y: 12 + color: "#f1e6e6" + text: qsTr("Motus") + font.pixelSize: 30 + } + } + MenuDeroulant { id: menuDeroulant x: 38 y: 301 + rectangleColor: "#b33939" } Bouton { @@ -26,4 +47,5 @@ Window { anchors.centerIn: parent } + } diff --git a/motus/MenuDeroulant.qml b/motus/MenuDeroulant.qml index 43688b55809e5d3403c33c86fabbdc1ff1e2ffd0..bf1e19fbac4c93eaa750a580ba98d3fa169b9085 100644 --- a/motus/MenuDeroulant.qml +++ b/motus/MenuDeroulant.qml @@ -5,7 +5,8 @@ Item { id: _item property alias _textText: _text.text width: 400 - height: expanded ? 250 : 50 // Ajuste la hauteur dynamiquement + height: 25 + property alias rectangleColor: rectangle.color // Ajuste la hauteur dynamiquement property bool expanded: false // Gère l'affichage des options ListModel { @@ -15,7 +16,7 @@ Item { Rectangle { id: rectangle width: 400 - height: 50 + height: 25 color: "#ffffff" Text { @@ -29,8 +30,10 @@ Item { Image { id: image + x: 331 + y: 0 width: 69 - height: 50 + height: 92 anchors.right: parent.right anchors.rightMargin: 0 source: "qrc:/qtquickplugin/images/template_image.png" @@ -38,6 +41,7 @@ Item { MouseArea { anchors.fill: parent + anchors.bottomMargin: 25 onClicked: { expanded = !expanded // Basculer l'affichage console.log("Click sur image")