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

 时间:2026-02-13 05:37:52

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

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

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

  

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

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

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

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

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

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

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

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

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

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

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

  • 教大家使用Axure制作悬停展开的下拉菜单效果
  • Axure rp如何制作交互效果?
  • 教大家如何使用Axure制作文字轮播的效果
  • 墨刀如何创建原型项目#校园分享#
  • 使用axure的动态面板做导航效果
  • 热门搜索
    魔兽世界怎么下载 科学减肥方法 房车品牌大全及报价表 豇豆怎么做好吃 安徽财经大学怎么样 新鲜芦荟涂脸正确方法 汽车车标大全 南瓜饼的做法家常做法 dnf怎么摆摊 孩子眼睛近视怎么办