前言:
续上篇博主讲述了axure交互&情形,本篇给大家讲述axure中继器。
一、中继器是什么?
- Axure中的中继器(Repeater)是一种功能强大的组件,用于显示重复的文本、图片和链接。它可以模拟数据库的操作,进行增删改查等操作。
- 中继器通常用于显示商品列表信息、联系人信息、用户信息等。它由数据集和中继器项组成。数据集是中继器的数据源,而中继器项则是根据数据集中的数据来展示内容。中继器还支持数据的搜索、排序和分页等操作,使得设计师可以更方便地创建复杂的交互界面。
二、中继器有什么用?
- 创建中继器部件来显示重复的文本、图片和链接,比如商品列表信息、联系人信息、用户信息等等。
- 使用中继器来加载数据,模拟数据库的操作,进行数据库的增删改查操作。
- 最常见的使用场景是将中继器用于制作表格,以展示重复的数据内容。
三、中继器:
3.1中继器的交互:
- 把中继器拖到画布中
-点进去有点类似动态面板
-之后点击样式可以填充数据
- 加完之后对应的中继器有每一项加载时事件:
- 刚给中继器设置了列name
-然后点击事件每项加载时给他设置你刚添加的name属性
- 点击这个取找你刚设置的name
然后就会显示你之前填入的相对应的数据:
- 这边也是一样的:
加载的就是你填入中继器的数据
- 出现效果需要做哪些事情:
1.给中继器的样式导入数据(文字、图片)
2.给中继器添加每一项加载时事件 (事件)
3.给中继器中的元件设置内容
1)给文本设置
2)给图片设置
3.2中继器的动作:
增删改查
- 增加
- 删除
- 复选框选中时事件,选中就给他标记,没有选中就给他取消标记
- 更新:
-上一页/下一页:
- 每页显示多少条数据:
3.3中继器的repeater属性:
- 中继器中的repeater属性是一个高级组件,用于显示文本、图像和其他元素的重复集合。
- 中继器中的repeater是一个容器,容器中的每一个项目称作"item"。
- 每一个item可以在展示的时候与其他不同,因为item中的数据由数据集来驱动。
- 可以通过repeater属性在中继器中增加新的列option,并添加一个del Button,从而实现行内的删除功能。
- 通过给行内按钮添加交互事件,可以完成删除所选中的行的操作。
- Repeater:中继器的对象
- visibleItemCount:中继器项目列表中可见项的数量
- ItemCount:加载项数量
- dataCount:获取中继器数据集中数据行的总数量
- pageCount:获取中继器分页的总数量,即能够获取分页后共有多少页
- pageIndex:获取中继器项目列表当前显示内容的页码
注意ItemCount与dataCount的区别:中继器1用的dataCount,中继器2用的ItemCount
- 按照文本框里面的内容进行
3.4中继器的Item属性:
- 中继器的Item属性是指中继器中的每一个项目,每个项目都可以包含文本、图像和其他元素的重复集合。这些项目由数据集来驱动,因此每一个项目可以在展示的时候与其他不同。当编辑项目item时,您将只看到其包含的窗口小部件的一个实例(instance)。
- item:获取数据集第一行数据的集合,即数据行的对象;
- item.列名:获取数据行中指定列的值;
- index:获取数据行的索引编号,编号起始为1,由上至下每行递增1;
- isFirst:判断数据行是否为第1行;
- isLast:判断数据行是否为最末行;
- isEven:判断数据行是否为偶数行;
- isOdd:判断数据行是否为奇数行;
- isMarked:判断数据行是否为被标记;
- isVisible:判断数据行是否为可见行;
[[target.text]][[Item.xueke]]:[[target.text]]是获取矩形元件原有的值
案例: