效果图
使用工具Axure RP 9 beta 绘制原型;
Adobe Photoshop CC 2017 处理背景图片等;
Camtasia 2018 录制视频及导出gif。
实现逻辑中继器:实现样式重复,但内容不同,一定程度上帮助设计者实现高效的整体布局与内容梳理。
排序:按照中继器中不同参数值的大小进行排序交互。
操作步骤
Step one—创建中继器
🕐 创建中继器,取名为Content
🕑 双击进入中继器页面在页面内设置出想要的内容和布局,设置好后,这个布局就可以赋予不同的数值无限复用了。本案例使用LOL人物角色,大纲及布局如下(不做详细介绍):
注意:给后期需要赋值的Label设置好名称,这样在中继器中设置数据的时候会更加明确,不容易出现数据设置错误的情况,例如性别的Label我注释的名称是Sex,这样在后期设置中继器的时候找到Sex赋值就可以了。
Step two—设置中继器
🕒在中继器样式选项中:找到布局,设置每行的个数,即设置每行的模块数,本案例每行是3个。
🕓在中继器样式选项中:找到数据,设置行数,行数代表了