养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure实现中继器添加图片、文字数据

时间:2024-09-29 21:27:39

对于中继器,想必大家都不太陌生,但是对于如何用好中继骰蓍溶芽器,可以让我们平时在原型设计中如鱼得水,还需要个人下去好好揣摩,练习。

工具/原料

axure8.0

方法/步骤

1、先在Axure画布中,布置出如下图所示的布局:

Axure实现中继器添加图片、文字数据

2、在该布局下方,拖入一个中继器,并双击进入中继器,不用管默认的矩形,直接删除,自己任海潍吨燹意布局即可,我的布局如下图所示:

Axure实现中继器添加图片、文字数据

3、在中继器的数据表中导入原始数据,分别命名行名称为image,name,具体如下图所示:

Axure实现中继器添加图片、文字数据

4、返回首页,设置页面载入时事件,主要是为了让页面第一次载入时,中继器显示默认数据,具体设置如下图所示:

Axure实现中继器添加图片、文字数据

5、进入中继器,设置中继器的交互事件,即每项加载时的事件,具体设置如下图:

Axure实现中继器添加图片、文字数据

6、设置添加按钮的点击事件,当单击时,添加行到中继器,具体设置如下图所示:

Axure实现中继器添加图片、文字数据

7、至此,完成所有设置,可以点击预览,查看一下效果,我做的效果如下:

Axure实现中继器添加图片、文字数据

© 一点知识