Axure教程：中继器表格添加图像与性别显示

“程矢Axure夜话图文教程中继器表格中添加图像.pdf”是一份关于如何在Axure中继器表格中添加图像的教程。该教程由Axure专家程矢提供，通过图文并茂的方式详细讲解了实现这一功能的步骤。教程包括在线预览效果、原型下载以及视频教程等辅助学习资源。 在Axure中，中继器（Repeater）是一个强大的组件，用于创建可重复的数据列表，类似于数据库中的表格。本教程重点是教你在中继器中添加图像，这在制作动态原型，如用户列表、产品展示等场景中非常实用。 首先，你需要按照之前“中继器系列视频教程”设计出基本的中继器表格结构。这通常包括设置各列的标题和数据类型，例如姓名、描述等。 接下来，为了添加图像，你需要在中继器内部双击以进入编辑模式，然后在表格中插入图像控件。同时，你需要在中继器的数据集里新增一列，命名为“头像img”，用来存储图像的路径或URL。 导入数据是关键步骤。你可以选择静态资源，将图像文件添加到项目资源中，并将对应的URL或路径设置到“头像img”列。这允许你在预览或生成原型时能正确显示图像。 接着，你需要将图像控件与中继器的“头像img”列绑定。通过添加“设置图像”事件，选择相应的设置图像动作，并选取中继器的“头像img”列作为数据源。默认值可以使用表达式[[Item.img]]，这表示获取当前行的“头像img”值。 此外，教程还提到了根据性别字段值显示不同图像的方法。如果性别字段用“男”和“女”表示，你可以创建两个性别图像列，分别导入男性和女性的图像。或者，如果你不想增加新列，也可以利用动态面板切换的方式，在中继器的“每项加载时”事件中，根据性别字段的值动态切换图像。 最后，预览或生成原型，检查图像是否能正确显示，确保所有功能正常运行。 通过这个教程，你将学会如何在Axure的中继器表格中灵活地添加和处理图像，提升原型的交互性和视觉效果。无论是新手还是有经验的Axure用户，都能从中获得宝贵的实践经验。