QML之Repeater 控件使用

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}}}
}

结果：