using from repeater for circular cut components

ay-hooshan · Nov 12, 2023 · 8c31270 · 8c31270
1 parent b9b40f6
commit 8c31270
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 25 deletions.
diff --git a/CircularMenu.qml b/CircularMenu.qml
@@ -7,34 +7,27 @@ Item {
     // properties
     property double outerRadius: 400
     property double innerRadius: 300
+    property double startAngle: 180
+
     property ListModel listModel: ListModel{}
 
     anchors.fill: parent
 
-    CircularCut {
-        cutText: 'red'
-        cutOuterRadius: outerRadius
-        cutInnerRadius: innerRadius
-        cutStartAngle: 90
-        cutLen: 90
-    }
 
-    CircularCut {
-        cutText: 'purple'
-        cutOuterRadius: outerRadius
-        cutInnerRadius: innerRadius
-        cutStartAngle: 0
-        cutLen: 45
-        cutColor: 'purple'
-    }
+    Repeater {
+        anchors.fill: parent
+        model: listModel.count
 
-    CircularCut {
-        cutText: 'blue'
-        cutOuterRadius: outerRadius
-        cutInnerRadius: innerRadius
-        cutStartAngle: 180
-        cutLen: 90
-        cutColor: 'blue'
+        CircularCut {
+            required property var model
+
+            cutText: listModel.get(model.index).name
+            cutOuterRadius: outerRadius
+            cutInnerRadius: innerRadius
+            cutStartAngle: startAngle + model.index * 45
+            cutLen: 45
+            cutColor: listModel.get(model.index).color
+        }
     }
 
     RowLayout {
@@ -67,7 +60,7 @@ Item {
             Layout.fillHeight: true
 
             onClicked: {
-                listModel.append({name: nameField.text, iconSource: 'hand.png'})
+                listModel.append({name: nameField.text, color: 'purple'})
             }
         }
 

diff --git a/Main.qml b/Main.qml
@@ -13,11 +13,11 @@ Window {
         listModel: ListModel {
             ListElement {
                 name: "Abbas"
-                icon: "hand.png"
+                color: 'blue'
             }
             ListElement {
                 name: "Akbar"
-                icon: "hand.png"
+                color: 'red'
             }
         }
     }