突然打开网盘发现去年学习的Axure的一些学习资料,现在想想,也忘得快没有了,所以复习复习,顺便记载在CSDN这个平台上面,方便日后再次回顾,学习是一件持之以恒,反复回顾的事情。
1.案例来源
Ø百度外卖-菜单
2.案例效果
商品列表
Ø打开本案例素材中的Excel数据表格,复制里面的数据;接下来,回到Axure中,双击中继器“GoodsList”,在检视面板中打开数据集,点中数据集的首行首列,按下快捷键<Ctrl+V>,粘贴数据到数据集中;然后,对应模板中的元件名称为中继器数据集的每一列设置名称
Ø在“GoodsImage”列中,点击<鼠标右键>,在菜单中选择【导入图片】,对应每行数据将图片导入到数据集中
Ø在检视面板中,打开交互界面,在【每项加载时】事件中添加“用例1”,设置动作为【设置文本】“GoodsName”为【值】“[[Item.GoodsName]]”
Ø继续上一步,【设置文本】“GoodsPrice”为【值】“¥[[Item.GoodsPrice]]”
Ø继续上一步,【设置文本】“GoodsRecommend”为【值】“[[Item. GoodsRecommend]]人推荐”
Ø继续上一步,【设置文本】“GoodsSales”为【值】“已售[[Item. GoodsSales]]份”
Ø继续上一步,【设置图片】“GoodsImage”为【值】“[[Item.GoodsImage]]”
Ø在检视面板中,打开样式界面,设置{布局}为【水平】布局,并勾选【网格排布】,设置{每行项目数}为“2”;然后,设置{间距}为{行}“15”{列}“20”