当前位置:首页 > 编程笔记 > 正文
已解决

QML之Repeater 控件使用

来自网友在路上 165865提问 提问时间:2023-10-24 21:54:19阅读次数: 65

最佳答案 问答题库658位专家为你答疑解惑

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

结果:

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"QML之Repeater 控件使用":http://eshow365.cn/6-23648-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!