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

 时间:2024-10-13 12:33:53

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

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

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

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

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

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

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

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

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

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

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

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

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

Axure实现中继器添加图片、文字数据
  • 教大家使用Axure制作悬停展开的下拉菜单效果
  • Axure rp如何制作交互效果?
  • 教大家如何使用Axure制作文字轮播的效果
  • 墨刀如何创建原型项目#校园分享#
  • 使用axure的动态面板做导航效果
  • 热门搜索
    抗疫英雄手抄报 法制手抄报内容资料 致敬抗疫英雄手抄报 关于花的手抄报 节约粮食的手抄报 母亲节手抄报简单漂亮 迎新年手抄报 病毒手抄报 关于春节手抄报 亲子共读手抄报