由于 QtQuick 中的模型视图的基本概念同没有本质的区别,所以这里不再赘述这部分内容。
将数据从表现层分离的最基本方法是使用元素。Repeater
元素可以用于显示一个数组的数据,并且可以很方便地在用户界面进行定位。Repeater
的模型范围很广:从一个整型到网络数据,均可作为其数据模型。
Repeater
最简单的用法是将一个整数作为其model
属性的值。这个整型代表Repeater
所使用的模型中的数据个数。例如下面的代码中,model: 10
代表Repeater
的模型有 10 个数据项。
虽然指定模型项的个数很简单,但实际用处不大。Repeater
还支持更复杂的方式,例如,把一个 JavaScript 数组作为模型。JavaScript 数组元素可以是任意类型:字符串、数字或对象。在下面的例子中,我们将一个字符串数组作为Repeater
的模型。我们当然可以使用index
获得当前索引,同时,我们也可以使用modelData
访问到数组中的每一个元素的值:
代码运行结果如下:
运行结果如下图所示:
ListElement
的每个属性都被绑定到实例化的显示项。正如上面代码中显示的那样,这意味着每一个用于显示数据的Rectangle
作用域内都可以访问到ListElement
的name
和surfaceColor
属性。
实际上,这段代码与前面提到的是等价的。