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的动态面板做导航效果
  • 热门搜索
    走进鲁迅手抄报 英语手抄报边框 元宵节手抄报图片大全 母亲节手抄报大全 春节手抄报图片大全简单又漂亮 红十字手抄报 清明节手抄报全国第一 六一儿童节手抄报大全 抗战胜利手抄报 法制教育手抄报图片