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

 时间:2026-05-05 04:56:14

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

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

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

  

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

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

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

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

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

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

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

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

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

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

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

  • 教大家使用Axure制作悬停展开的下拉菜单效果
  • Axure rp如何制作交互效果?
  • 教大家如何使用Axure制作文字轮播的效果
  • 墨刀如何创建原型项目#校园分享#
  • 使用axure的动态面板做导航效果
  • 热门搜索
    手机壳发黄了怎么变白 海信中央空调怎么样 樱桃用英语怎么说 鼻头肥大怎么办 布丁怎么做 我的世界怎么做床 调侃怎么读 下划线怎么输入 植物医生护肤品怎么样 风是怎么形成的