QML之Repeater重复器_qml重复

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为只读属性
        }
    }