欢迎访问设·集合!

设·集合

您现在的位置是:首页 > 平面软件 > Axure

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步

打开属性窗口,我们可以在属性页面当中,通过添加行,就可以创建更多的内容。


广告位

热心评论

评论列表