Axure教程：中继器如何加载显示图片

谢天谢地你来啦2011

近日有关于谢天谢地你来啦2011的话题受到了许多网友们的关注，大多数网友都想要知道谢天谢地你来啦2011问题的具体情况，那么关于谢天谢地你来啦2011的相关信息，小编也是在网上收集并整理的一些相关的信息，接下来就由小编来给大家分享下小编所收集到的与谢天谢地你来啦2011问题相关的信息吧。

点击（前往）进行了解>>

以上就是关于谢天谢地你来啦2011这个话题的相关信息了，希望小编分享给大家的这些新闻大家能够感兴趣哦。

编辑导语：在原型设计中，很多场景会应用到“中继器”这个元件。那么中继器如何加载显示图片的操作？很多新手都会无从下手。本文作者详细讲解了中继器加载显示图片的方法，供你学习。

编辑导语：在原型设计中，很多场景会应用到“中继器”这个元件。那么中继器如何加载显示图片的操作？很多新手都会无从下手。本文作者详细讲解了中继器加载显示图片的方法，供你学习。

一、元件准备

• 一个中继器
• 一个表格
• 一个图片元件（加载图片的重点）

下面分步骤讲解各个元件的设置。

1. 设置表格列头

把表格设置成5列（无边框），每列的文字编辑分别为：学号、姓名、性别、头像、民族。如下图所示：

2. 设置中继器

拖拽一个中继器起名为：列表内容。把原有的一列新增到5列，并分别起名：xuehao、xingming、xingbie、touxiang、minzu。并设置宽、高都为：100。如下图所示：

3. 图片设置（重点）

拖拽一个图片起名：touxiang。放入“头像”列中，设置宽、高都为85。如下图所示：

4. 中继器填充内容

对除了“头像”外的其他列填写内容。如下图所示：

对“头像”列进行设置。首先选中一个单元格右键，选择“导入图片”，并选择准备好的本地图片。设置好的效果如下图所示：

三、交互设置 1. 文本交互

把学号、姓名、性别、民族这4列，加载时设置文本，每列值选择对应的函数。设置后的效果如下图所示：

2. 图片交互

把头像这列，加载时设置图片，并选中图片“touxiang”，设置DEFAULT图片：选中“值”，选择函数：[[Item.touxiang]]。设置后的效果如下图所示：

四、展示效果

按上面的步骤设置完成之后，最终的展示效果会如下图所示：

本文由 @龍角星宿 发布于人人都是产品经理，未经许可，禁止转载

题图来自Unsplash，基于CC0协议

大桥未久作品 http://www.cityruyi.com/lm-4/lm-1/2220.html