Axure如何使用中继器实现淘宝商品图排列样式?
设·集合小编 发布时间:2023-04-17 15:11:18 662次最后更新:2024-03-08 12:12:20
中继器的使用在Axure当中拥有非常重要的地位,中继器可以当成是前端展示样式与数据库之间的链接,灵活的使用中继器将是实现内容与数据库之间链接重要解释方式,下面就来看一下如何利用中继器实现淘宝商品图排列样式吧!
图文不详细?可以点击观看【Axure RP免费试看视频教程】
工具/软件
硬件型号:神舟(HASEE)战神Z7-DA7NP
系统版本:Windows7
所需软件:Axure RP
步骤:
第1步
如下图所示,是淘宝某一个商品页面的信息展示样式,可以看到横排一个有六个,竖排可以根据自己的需要进行添加,但是有一个问题就是,我们可以通过修改后台的数据,从而可以比较方便的实现前段某一个位置的商品显示,这个时候就需要使用到中继器了。
第2步
打开Axure,在左侧元件库当中,找到中继器选项,将其拖动到画布当中,具体如下图所示。
第3步
双击中继器,进入中继器编辑页面当中,将原有的矩形删除,按照淘宝某一个页面的样式进行操作编辑,添加一个图片,两个文本标签。
第4步
返回画布页面当中,就可以看到,画布中继器当中的内容就变成为在中继器内所编辑的内容了。
第5步
在右侧的样式选择当中,可以对其显示样式进行进一步的编辑,将其布局修改为水平,网格每一行显示六个。
第6步
打开属性窗口,我们可以在属性页面当中,通过添加行,就可以创建更多的内容。
- 上一篇:Axure原型工具如何制作步进器效果?
- 下一篇:Axure如何设置鼠标悬停的值?
相关文章
广告位
评论列表