Row {
Rectangle { width: 10; height: 20; color: "red" }
Repeater {
model: 10
Rectangle { width: 20; height: 20; radius: 10; color: "green" }
}
Rectangle { width: 10; height: 20; color: "blue" }
}
Itt szeretném, ha minden középső téglalap színét listából kell kiválasztani. azaz minden színnek másnak kell lennie, nem pedig zöldnek.
Szükségem van beágyazott ismétlőkre? Hogyan kell ezzel foglalkoznom?
Az alább látható módon használhatja a index-t, ha a modell csak egy szám. Ezután ezt a számot színre kell konvertálnia, például a Qt.rgba() vagy Qt.hsva() függvény használatával, az alábbiak szerint. Az első átjátszó a kódban (itt ) csúsztatható árnyalatot hoz létre a szivárványhatás érdekében.
Ha csak a színeket tömbként szeretné felsorolni, és ismétlőt szeretne használni a megjelenítésükhöz, a második átjátszó megmutatja, hogyan kell ezt megtenni. Csak állítsa be a tömböt modellként, és használja a modelData jelet az átjátszóban az érték eléréséhez.
Row {
Rectangle { width: 10; height: 20; color: "red" }
// use index (values 0..9) to generate "rainbow"
Repeater {
model: 10
Rectangle {
width: 20; height: 20; radius: 10
color: Qt.hsla(index/(10-1), 1, 0.5, 1)
}
}
// use modelData to get color string from model
Repeater {
model: [ "#808080", "#1100F0", "#F20F20", "#F3F620" ]
Rectangle {
width: 20; height: 20; radius: 10
color: modelData
}
}
Rectangle { width: 10; height: 20; color: "blue" }
}
hsva()használatára, ami gyakran kényelmesebb, mint argba()a színek számokból történő előállításához. 01.03.2014