目录
相信大家在日常的原型绘制中 经常会绘制表格,有很多的同学会直接使用axure中自带的表格控件,对于应对日常交互性要求不高的原型绘制还是可以的,如果是做一些高保真的原型,要求对表格中的某条数据进行增删改查,axure自带的表格控件就不适用了。
今天主要是给大家介绍一下axure中的高级组件中继器,英文名是“Repeater”,翻译过来就是重复的元件的意思,从名字就可以看出来其使用场景了,应用于重复出现的部分,比如表格,举个例子给大家说明一下,以下是我从京东上找的一张图
从上边大家可以观察到,其每个商品的组成部分都是固定的
由于在这里不是详细的介绍中继器,所以就给大家举例设计一下这个页面整个的制作过程
一、 功能分析
通过观察可以了解到,其实这个列表中的每个元素的组成都是由以下组成部分组成的,直接使用中继器即可完成该功能的手机
二、原型绘制
1.推入中继器,并对默认的数据进行修改
2.双击中继器点开编辑要被重复的单个模块内的内容,并为每个内容命名,目的是为了稍后方便赋值
3.点击中继器,在属性中录入要展示的数据信息,这里要注意的是要与刚才录入的元素
图片的话可以右键引入或导入图片
4.点击编辑每项加载时的交互事件
①为每一项添加值的赋值,点击price,再点击fx
②点击插入变量或函数
③选择item.price
④依次点击其他三项,进行相关的赋值,重复①②③
三、效果展示
到此中继器简单的列表制作就绘制完成了, 看一下效果
如果想更换样式,可以点击中继器后,选择样式进行修改