Axure|一次性搞定中继器【附Firefox浏览器图片加载失败解决办法】

这一篇文集名为《Axure进阶之路》自然少不了Axure的难点之一中继器。中继器(repeat)应该算是Axure的三大难点动态面板,函数,中继器中最难的。网上能搜索不少关于中级器的文章,在下狗尾续貂,希望能为大家带来一些新思路。

不想看内容的朋友可以直接跳至文尾下载链接,顺便帮忙点个赞

一、中继器的用法

看教程之前,先认清一个事实:中继器不难。中继器不难。中继器不难。

还有一个事实:中继器虽然不常用,但是很有用,真的很有用。

中继器是汉译之后的称呼,英文原指repeat,就是重复。可以理解为连续重复的项。比如:

淘宝商品列表

类似于这样的列表页,每一项拥有相同的元素。例如图中的商品图片(img),商品名称(name),商品价格(price)等等。有这样连续重复的项,中继器正好有了用武之地。

中继器还有什么用?

这是中继器的数据集:

数据集

这是mysql数据库表:

mysql数据库结构

看出来了吗?中继器的数据集和mysql数据库都是数据表结构,字段和记录。

相信我,哪些告诉你中继器没用的要么自己会不想让你学,要么自己根本也不懂。

可以这么说:动态面板是锻炼产品经理在用户交互设计上的能力,函数是锻炼产品经理在业务逻辑和判定实现上的能力,而中继器是锻炼产品经理在数据归纳上的能力。

同意了我的观点,请继续往看下文。

二、建表

本次的示例就是一个商城的商品列表页。程序员在开始项目之前会仔细看产品写的需求文档,然后梳理一下业务逻辑,抽象成代码。其中有一部分就是建库建表。今天我也带大家来建建表。

建表其实就是根据页面元素来填写每一列的表头。

拖入一个中继器——》双击进入——》把小框框删除掉,改为下图样式。这就是每一项重复的样式

item

由上可知,该表涉及四个元素:商品图片(img),商品名称(name),商品价格(sprice),商品销量(sell)。记得给每一项元素命名并且最好和数据集的字段相同。

一次命名

也就是四个字段。所以建表如下:

中继器数据级

小技巧:建表时可以用excel表格建表,然后直接复制进去。以为axure8.0的中继器数据集的位置让人很蛋疼。

三、显示数据

建表之后,将数据显示到对应的元素上,需要添加用例,(每项加载时)设置文本于

例如商品价格:

设置商品价格

选择右下角——富文本——编辑:

选择右边“插入变量和函数”——》Item.price。(富文本就是可以添加格式的文本,我在此处加入了¥符号,就是让其添加数据时在每一个金额前加上¥,这个也可以加在数据库中或页面元素上,个人觉得我这样最简单)

一次添加好商品名称和商品销售数量。

添加图片和添加文本的方式稍有不同:

需要选择设置图片,修改默认为值,点击fx,设置其值为Item.img。

设置图片

每一列代表显示界面的一项,可以比较一下显示界面和数据集:(图文来自网络)              

                                                              

                                                                                   显示界面      



作者:艾宾浩斯ace
链接:https://www.jianshu.com/p/cc7a227e4c14
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

——————————————————亲测可用——————————————————————————

一。整个过程中,有个Bug,就是firefox图片加载不出来问题????

*****解决办法:

一定要在中继器的数据集里面添加img url。

猜你喜欢

转载自blog.csdn.net/u010898626/article/details/88656620