Repeater 控件是 重复作用 根据 model中的index 数量进行重复
废话不说 直接看如何用
当model 为数字时
Rectangle{height: 1200width: 500visible: trueanchors.fill: parentColumn{spacing: 20Repeater{model: 10delegate: Rectangle{width: 60height: 20color: index%2 == 0?"red":"blue"}}}
}
结果:
当model 为数组时
Rectangle{height: 1200width: 500visible: trueanchors.fill: parentColumn{spacing: 20Repeater{model: ["apple","banana","pear"]delegate: Rectangle{width: 110height: 50color: index%2 == 0?"red":"blue"Text {id: nametext: modelData+indexfont.pixelSize: 14anchors.centerIn: parent}}}}
}
结果:
当model 为自定义model时 采用id 传递
Rectangle{height: 1200width: 500visible: trueanchors.fill: parentColumn{spacing: 20Repeater{model: modelIddelegate: Rectangle{width: 110height: 50color: index%2 == 0?"red":"blue"Text {id: txttext: name+" "+indexfont.pixelSize: 14anchors.centerIn: parent}}}ListModel{id:modelIdListElement{name:"Liming";age: 12}ListElement{name:"Zhangjie";age: 19}ListElement{name:"Wanglaing";age: 22}}}
}
结果: