add book

Qt6QMLBeginnersCode/7-Positioning/5-Positioning/Main.qml

@@ -0,0 +1,59 @@
+// Copyright (c) Daniel Gakwaya.
+// SPDX-License-Identifier: MIT
+
+import QtQuick
+
+Window {
+    visible: true
+    width: 640
+    height: 480
+    title: qsTr("Posionners")
+
+    Grid {
+        columns: 2
+        spacing: 10
+//        rowSpacing: 10
+//        columnSpacing: 10
+
+        horizontalItemAlignment: Grid.AlignRight
+        verticalItemAlignment: Grid.AlignVCenter
+
+        LayoutMirroring.enabled: true
+        LayoutMirroring.childrenInherit: true
+
+        Rectangle {
+            id: topLeftRectId
+            width: 60
+            height: width
+            color: "magenta"
+            Text{text: "1"; anchors.centerIn: parent; font.pointSize: 20}
+        }
+
+        Rectangle {
+            id: topCenterRectId
+            width: 100
+            height: width
+            color: "yellowgreen"
+            Text{text: "2"; anchors.centerIn: parent; font.pointSize: 20}
+        }
+
+        Rectangle {
+            id: topRightRectId
+            width: 100
+            height: width
+            color: "dodgerblue"
+            Text{text: "3"; anchors.centerIn: parent; font.pointSize: 20}
+
+        }
+
+        Rectangle {
+            id: centerLeftRectId
+            width: 100
+            height: width
+            color: "beige"
+            Text{text: "4"; anchors.centerIn: parent; font.pointSize: 20}
+
+        }
+
+    }
+}