本文摘要：Axure中继器中数据显示: Axure中继器中数据显示: 第四步数据导入后需要将axure中继器中数据和页面展示的内容绑定起来以商品名称为例： 整体结构如图所示： 本文以某宝热搜第二名的网红年糕展示页面为例（好有食欲看饿了）首先分析一下每条信息的组成可以看到是由商品图片、商品名称、净含量、价钱、付款人数、店肆名称/发货所在、购物车图标组成凭据这些组件先来搭建中继器。

Axure中继器中数据显示:

Axure中继器中数据显示:

第四步数据导入后需要将axure中继器中数据和页面展示的内容绑定起来以商品名称为例：

整体结构如图所示：

本文以某宝热搜第二名的网红年糕展示页面为例（好有食欲看饿了）首先分析一下每条信息的组成可以看到是由商品图片、商品名称、净含量、价钱、付款人数、店肆名称/发货所在、购物车图标组成凭据这些组件先来搭建中继器。

单击每项加载时添加行动如下：设置文本->勾选商品名称->单击fx->插入变量或函数->选择Item.name其他文本标签也同样和中继器中数据content、price、sale、location一一对应起来。

文本框和中继器中数据一一对应后显示如下：

和文本一样中继器中导入图片后需要举行关联操作在页面中展示出来。

为交互添加用例单击设置图片->勾选购物车图标->Default选择值->单击fx->插入变量或函数->选择中继器中数据Item.icon。商品图片的关联操作同上。

编辑导读：中继器是axure的重要组件可以很好地模拟数据库增删改查的操作。本文以网红年糕展示页面为例先容中继器模拟某宝商品展示栏的详细步骤希望对你有资助。

第三步为中继器添加数据由于axure中继器添加数据很是贫苦可以在excel中建号数据后复制粘贴过来excel中数据设计如下图所示：

总结一下容易泛起错误的地方首先以上操作都是在中继器页面举行的这个不要搞错；其次中继器的列名是英文单词命名如果是中文的话会堕落。这个页面比力简朴容易堕落的地方也就这些很是适合中继器入门学习中继器的应用还是许多的下次来一起用中继器做穿梭框吧！

接下来要做的是把图片添加到中继器中。首先右键单击需要导入图片的位置如下图红框所示右键单击后选择导入图片即可实现中继器中导入图片。

同样原理在icon位置导入购物车图标。

本文由 @产物小白黑化中 原创首发于人人都是产物司理未经许可克制转载

第二步删除中继器的默认矩形组件根据淘宝信息的组成搭建各元件。

首先拖拽图片元件、尺寸170*170命名为商品图片；拖拽文本标签、命名为商品名称；拖拽文本标签命名为净含量字体设置为12号、颜色设置为CCCCCC；拖拽文本标签命名为价钱、字体颜色FF0000；付款人数文本标签、颜色CCCCCC；店肆名称文本标签字体12、颜色CCCCCC；购物车图标尺寸20*20、命名为购物车图标。

编辑导读：中继器是axure的重要组件可以很好地模拟数据库增删改查的操作。本文以网红年糕展示页面为例先容中继器模拟某宝商品展示栏的详细步骤希望对你有资助。

第一步拖拽一其中继器组件单击进入中继器页面。

题图来自 Unsplash基于 CC0 协议

。

本文关键词：中继,器,实现,图片,文本,信息,展示,Axure,hth华体会最新网站,中继

本文来源：hth华体会最新网站-www.nclbks0817-6109999.com