程序運行截圖如下：

代碼如下：

Window {visible: truewidth: 150height: 500title: qsTr("RepeaterDemo")Column{spacing:5Repeater{model:["Enterprise","Colombia","Challenger","Discovery","Endeavour","Atlantis"]Rectangle{width:150height:50radius:10color:"lightBlue"Text{anchors.centerIn: parenttext:index+": "+modelData}}}}}

?

還可以做如下的操作：

源碼如下：

Window {visible: truewidth: 150height: 500title: qsTr("RepeaterDemo")Column{spacing:2Repeater{model:ListModel{ListElement{name:"Mercury";surfaceColor:"gray"}ListElement{name:"Venus";surfaceColor:"yellow"}ListElement{name:"Earth";surfaceColor:"blue"}ListElement{name:"Mars";surfaceColor:"orange"}ListElement{name:"Jupiter";surfaceColor:"orange"}ListElement{name:"Saturn";surfaceColor:"yellow"}ListElement{name:"Uranus";surfaceColor:"lightBlue"}ListElement{name:"Neptune";surfaceColor:"lightBlue"}}Rectangle{width: 150height: 50radius: 8color:"lightBlue"Text{anchors.centerIn: parenttext:name}Rectangle{anchors.left: parent.leftanchors.verticalCenter: parent.verticalCenteranchors.leftMargin: 2width:32height:32radius: 16border.color: "black"border.width: 1color: surfaceColor}}}} }

?

總結

以上是生活随笔為你收集整理的Qml学习笔记-Repeater的基本使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。