QML之Repeater重複器

Repeater重複器顧名思義就是重複擺放同一個子項。對於一些共同點很多的子項使用重複器可以讓代碼看起來更加簡潔

Row{
        spacing: 20
        y:100
        x:100
        Repeater{
            id:rep
            model :5 //爲重複器提供的數據模型，類型是any
            //類型是數字的話，代表要重複器要創建的數量
            Rectangle{
                height: 100
                width: 100
                radius: 10
                color: "blue"
            }


        }


        Text{
           color: "red"
           font.pixelSize: 30
           text: rep.count  //顯示重複器的數量，count爲只讀屬性
        }
    }

Column{

        spacing: 20

        y:100

        x:100

        Repeater{

            id:rep

            model :["hello","world","good"] //爲重複器提供的數據模型，類型是any

            //類型是數字的話，代表要重複器要創建的數量

            Text{

                color: "blue"

                font.pixelSize: 40

                text:"modelData:" + modelData

            }

        }

        Text{

           color: "red"

           font.pixelSize: 30

           text: rep.count  //顯示重複器的數量，count爲只讀屬性

        }

    }