《Axure教程:中继器如何加载显示图片》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强交互产品,元件,表格,图片等多维度案例或实操来进行更多的学习;此教程是由prrrrrrr在2021-07-15发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
在原型设计中,很多场景会应用到“中继器”这个元件。那么中继器如何加载显示图片的操作?很多新手都会无从下手。下面详细讲解了Axure中继器加载显示图片的方法,一起来看一看吧。
下面分步骤讲解各个元件的设置。
1. 设置表格列头
把表格设置成5列(无边框),每列的文字编辑分别为:学号、姓名、性别、头像、民族。如下图所示:
2. 设置中继器
拖拽一个中继器起名为:列表内容。把原有的一列新增到5列,并分别起名:xuehao、xingming、xingbie、touxiang、minzu。并设置宽、高都为:100。如下图所示:
3. 图片设置(重点)
拖拽一个图片起名:touxiang。放入“头像”列中,设置宽、高都为85。如下图所示:
4. 中继器填充内容
对除了“头像”外的其他列填写内容。如下图所示:
对“头像”列进行设置。首先选中一个单元格右键,选择“导入图片”,并选择准备好的本地图片。设置好的效果如下图所示:
1. 文本交互
把学号、姓名、性别、民族这4列,加载时设置文本,每列值选择对应的函数。设置后的效果如下图所示:
2. 图片交互
把头像这列,加载时设置图片,并选中图片“touxiang”,设置DEFAULT图片:选中“值”,选择函数:[[Item.touxiang]]。设置后的效果如下图所示:
按上面的步骤设置完成之后,最终的展示效果会如下图所示:
以上就是Axure教程:中继器如何加载显示图片的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 axure中继器使用教程之制作直播视频的卡片列表操作实例
> 下一篇 Axure中继器制作漏斗图操作实例
2022-06-20 09:30
2022-05-09 10:30
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论