loops in QML ?

Hi i need to make alot of rectangles and i wonder if there are any loop commands in qml ?

this kind of rectangle 169 times ;/

Rectangle{
width: chart.width / 13
height: char.height / 13
anchors.top: parent
color: "lightgrey"
id: item1
border.width: 1

Label{
text: "text"
anchors.centerIn: parent
}
}

thx

Absolutely. You may want to look at the Repeater QML element
Something along these lines should work (untested):

Code:

---

Repeater {
    model: 169
    Rectangle{
        width: chart.width / 13
        height: char.height / 13
        anchors.top: parent
        x: (1024/170) * index
        color: "lightgrey"
        id: item1
        border.width: 1
 
        Label{
            text: "text"+index
            anchors.centerIn: parent
        }
}

---

Of course you can use models with much greater complexity than a simple number.

Thx alot sedi!

well repeater can not solve my problems or i can not figure it out
problems i have are id of all items as well as anchoring and putting text

Code:

---

id: ab
anchors.left: aa.right
label text: "AB"
 
id: ac
anchors.left: ab.right
label text: "AC"
 
id: ad
anchors.left: ac.right
label text: "AD"

---

it will be matrix 13x13 and i should be able to change each element by clicking on it by a mouse - change color and label ,
can i do it w/o id in rectangles at all ?
i need also those rectangle have different values on start

Quote:

---

Originally Posted by itwasduke

it will be matrix 13x13 and i should be able to change each element by clicking on it by a mouse - change color and label ,
can i do it w/o id in rectangles at all ?
i need also those rectangle have different values on start

---

For a grid like positioning you can just put the Repeater into a Grid element.
When the repeater creates its delegates, it will hand them over to its parent. If the parent is a Grid, it will position them in as many columns (or rows) as you specify
E.g. this creates a grid with 13 columns, number of rows depends on the number of items, in this case 2 rows

Code:

---

Grid {
    columns: 13
 
    Repeater {
        model: 26
        Text {
            text: model.index
        }
    }
}

---

Each delegate can of course have its own MouseArea for mouse handling, etc.

Cheers,
_

thx i will play with that also, need to read about that mouse area also :) again thx