0
点赞
收藏
分享

微信扫一扫

iVX常用开发技巧(1)—循环创建的使用

仲秋花似锦 2022-04-15 阅读 11

(一)使用场景

循环创建组件可以在应用程序运行时动态创建出具有相同对象结构和事件逻辑的UI单元模块,并通过绑定数据源的方式来控制动态UI单元的数量及属性值,常和条件容器一起筛选创建模块化的动态列表。简而言之,当界面重复使用相同的结构但此时信息却不同时,我们会使用循环创建的方式来减轻工作量。如下图的图书展示系统:

我们可以发现,不同的书本展示都用了一个相同的结构,它们都会展示书籍照片+书名+作者+出版社,但是每本书的信息不一样,这种情况下,我们就可以使用循环创建了。

 

(二)基本用法

  1. UI单元的制作

  根据如图所示的界面制作一个UI单元,将该UI单元放在一个循环创建下。

 

2.数据源的编辑

建立一个对象数组,将所有书籍的信息导入该对象数组中。

3.数据源及属性的绑定

将for循环的数据来源绑定为该书籍信息的对象数组。

 

为该UI单元的每个部分绑定数据来源。

绑定图片的素材资源地址为:当前数据1.书籍图片

 绑定书名的内容为:当前数据1.书名

 绑定作者的内容为:当前数据1.作者

 绑定出版社的内容为:当前数据1.出版社

 绑定完毕后对象数的结构与引用关系如下:

4.构建完毕,即可显示完整的图书馆结构了。

(三)案例展示

预览地址:循环创建的使用

举报

相关推荐

0 条评论