Axure--中继器：制作产品列表（1）

最新推荐文章于 2024-09-05 09:28:25 发布
原创 最新推荐文章于 2024-09-05 09:28:25 发布 · 811 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Axure #中继器 #批量数据

本文介绍了一种批量制作产品效果的方法，包括拖动中继器到画布、添加图片及字段名称、设置交互等步骤。通过该教程，读者可以学会如何高效地创建统一风格的产品展示效果。

功能：批量制作产品

效果：


步骤：

1.拖动中继器到画布

2.在中继器中添加图片和字段名称，重新命名



3.选中中继器，在检视面板，增加行列，


如果需要图片字段，右击选择导入图片即可。

4.检视面板中，打开交互界面，选择【每项加载时】添加case1，设置动作为【设置文本】，将字段和数值一一对应
点击fx按钮，选择对应的函数值：

如果字段为图片，选择【设置图片】，


整个中继器操作如下：


可以设置排版样式：



AxureRP：中继器与列表动态内容_2024-07-22_05-24-37.Tex
11-16 752
中继器是 Axure RP 中用于处理动态列表和表格数据的关键组件。它能够根据数据源中的数据自动调整其内容和布局，非常适合用于展示数据库查询结果、用户列表、产品目录等动态内容。中继器支持的数据源可以是 Axure 自带的数据表格，也可以是外部导入的 CSV 或 JSON 文件。Axure RP允许你自定义中继器的样式，包括行的样式、列的样式，以及如何响应数据的变化。
Axure重要元件三——中继器函数
最新发布
benleiqiang的博客
10-15 2474
对象的定义：当前元件、目标元件等；Axure中当前操作的单一元件、组合元件都可以成为对象；函数的定义：获取数值的指令，包括不限于数值内容、数值类型、数值的统计、数值的编辑等。我们选中第一个中继器，去操作第二个中继器，结果发现出现TargetItem。我们选中第一个中继器，去操作第一个中继器，结果没有出现TargetItem。属性的定义：元件的宽、高、长；
中继器：制作商品列表
u013767164的博客
06-12 702
1.元件准备 2.拖入中继器 3.把刚刚编辑的元件拖入到中继器里面 把矩形删除，调整到合适位置 注意：如果第1步是拖入中继器那么元件准备也可以在中继器中直接编辑。 4.输入数据 注意：Axure RP9不能像8.0版本那样直接粘贴从Excel等文件中复制的数据，这个是RP9的一个已知BUG。 在“GoodsImage”列中，点击<鼠标右键>,在菜单中选择【导入图片】，对应每行数据将图片导入到数据集中 5.在检视面板中，打开交互界面，在【每项加载时】事件中添加“用例1”,设置动作
Axure 教程 - 用中继器制作商品列表
qq_35636311的博客
08-21 1607
本章主要介绍如何使用Axure中继器制作商品列表。 对于商城内的产品，“商品列表页”是很关键的一环。好的布局可以让用户快速寻找到目标商品，文字or图片更优先？选择合适的布局，可以大大增加用户进入到“商品详情页”的概率。 完成后效果如下图，该例子包含商品图片，名称，推荐人数，销售数量，价格的商品模块列表。 Axure 教程 - 用中继器制作商品列表 1.拖拉中继器到工作台。
【Axure教程】如何通过中继器快速制作列表并进行删除数据操作
ofay
09-05 722
3、在【中继器】内部拖入【矩形】元件，将每个矩形分别命名设置如下样式，使其【矩形】元件对应中继器中所设置的列名，其中第一个【矩形】和最后一个【矩形】可以不进行命名（此处可以先进行无脑模仿操作）。12、希望以上的【中继器】的【删除】操作可以帮助到大家，如有疑问，可以在下方留言哟，我会第一时间为大家解答，下一期，我将带大家学习如何在【中继器】中【新增】一条新的数据。4、选中【中继器】，在左侧交互中分别设置对应的【矩形】名称，其中操作【值】时，选择【Fx】–【插入变量或函数】，选择【中继器】中对应的列名。
Axure RP9中继器制作列表、实现搜索、翻页效果.rp
03-09
Axure RP9 使用中继器制作列表，实现搜索功能以及翻页效果，显示页面和项目数量，方便产品经理使用
Axure学习笔记整理7-中继器-商品列表及排序
weixin_41556724的博客
01-07 2155
中继器使用案例： 1.打开Axure，拖拽一个中继器命名为‘GoodsList’，双击中继器进去填充内容，如以下截图： 里面部件分别命名为：图片部件-GoodsImage；文本标签部件-商品名称-命名为Name；文本标签部件-推荐-命名为Rec；文本标签部件-数量-命名为Sales；文本标签部件-价格-命名为Price；   2.打开excel表格填充一些业务数据，例如以下： Nam...
Axure--中继器：制作产品列表之类型筛选（3）
ChibiMarukoChan的博客
04-26 4036
功能：在Axure--中继器：制作产品列表之排序（2）的基础上增加类型筛选效果：在中继器中增加两列，分别为 promotion,newStyle在标题栏增加两个复选框，分别为新款，价格优惠为复选框添加选中事件，设置case1，[中继器]［添加筛选］复选框取消选中，添加case1，[中继器]［移除筛选］新款复选框的检视面板如下图所示：同理，价格复选框的操作如上。...
AxureRP8实战手册-案例16（中继器：制作商品列表）
qq_24857309的博客
07-10 1694
案例16. 中继器：制作商品列表 案例来源: 百度外卖-菜单 案例效果： 商品列表：（图1-125） 案例描述： 包含商品图片、名称、推荐人数、销售数量、价格以及添加按钮的商品模块列表。 元件准备： 页面中：（图1-126） 中继器“GoodsList”中： 包含命名： 中继器（用于商品列表）：GoodsList 文本标签（显示商品名称）：GoodsName 文本标签（显示推荐人数）：GoodsRecommend 文本标签（显示商品销量）：GoodsSales ..
精选资源
Axure教程：用中继器做图片轮播.docx
05-30
Axure 教程：用中继器做图片轮播 Axure 是一款功能强大且灵活的原型设计工具，通过使用中继器可以实现图片轮播的效果。本文将指导您使用中继器来制作图片轮播，并且详细介绍了制作过程中的每个步骤。 1. why 中继...
AxureRP8实战手册-案例17（中继器：商品列表排序）
qq_24857309的博客
07-10 1105
案例17. 中继器：商品列表排序 案例来源: 美丽说-宝贝搜索 案例效果： 默认：（图1-135） 价格从低到高：（图1-136） 价格从高到低：（图1-137） 案例描述： 鼠标移入“价格排序”按钮，显示选项列表。选项在鼠标进入时显示粉色文字，点击选项，商品列表进行相应的排序。 元件准备： 页面中：（图1-138） 动态面板“SortPanel”中： （图1-139） 中继器“GoodsList”中：（图1-140） 中继器“GoodsList”的数...
Axure 淘宝网模板源文件.rar
06-09
Axure 淘宝网模板源文件，产品原型设计的重要文件，可以做为参考。
Axure 9 实战案例，中继器的应用 2，列表的交替色和悬停色
默林工作室
03-16 6284
在上一篇教程，我们讲解了如何使用中继器绘制原型列表页（了解更多>>），相信大家已经运用上了吧？是不是觉得既好玩又省时间呢？本篇我们继续带来中继器的教程，让我们一起来学习一下，中继器列表如何实现交替色和悬停色。 我们先来看看APP列表页的效果图，大家可以看到列表页的颜色交互主要包括： ①列表每隔一行显示为浅灰色，呈现斑马线状； ②鼠标移至某行上，该行显示淡蓝色悬停色。 为了节省时间，这里我们提前把列表初稿准备好了。（注：列表的标题行也可以...
如何让页面初始化的时候实现点击事件_Axure教程：中继器实现商品管理列表
weixin_39996742的博客
11-27 588
本文通过一个商品管理的例子，来说明中继器怎么使用。在这个商品管理列表里面，我们要实现商品信息的分页展示、新增、修改、删除和排序功能。中继器是axure里面非常重要的一个元件，通过中继器，可以实现数据的动态查询、新增、修改、删除、排序、分页等功能，直接说吧，数据动态展示的那一套东西都可以通过中继器实现。下面，我就通过一个商品管理的例子，来说明中继器怎么使用。在这个商品管理列表里面，我们要实现商品信息...
中继器：商品列表排序
u013767164的博客
06-15 592
案例描述： 鼠标移入“价格排序”按钮，显示选项列表。选项在鼠标进入时显示粉色文字，点击选项，商品列表进行相应的排序。 思路分析： ①完成中继器数据集与元件的关联； ②并设定好模块的排布与间隔； ③鼠标移入“价格排序”按钮，需要显示排序的选项，并能够在鼠标移出选项时自动隐藏选项； ④为每个排序选项添加鼠标移入时的样式； ⑤点击每个排序选项时，需要中继器进行相应的排序，并隐藏排序的选项列表。 1.元件准备 拖入中继器——打开编辑区域编辑 2.中继器“GoodsList”的数据集中 包含命名： 中继器（用
如何用Axure画出Web产品的列表组件：基础画法
ofay
09-02 1029
同理设置它的值为item.Column5。
Axure教程：用中继器做个性化表格
ofay
09-02 1232
Hello，今天作者教大家如何在axure中用中继器做一个个性化表格。首先什么是个性化表格，为什么需要个性化表格呢？我们先来看看下面这个例子，是关于股票的一些数据，例如市盈率、市净率、量比、行业等上百个字段。但是不同的投资者想看的数据不一样，例如张三是价值投资者，非常重视市盈率和市净率，对于其他的数据不太关心；李四是一个技术投资者，比较关心股票的量比、近期涨幅；对市盈率、市净率的数据莫不关心。这时我们怎么设计能同时满足不用用户的需求呢？
Axure中继器模仿淘宝商城列表
weixin_34361881的博客
07-21 887
7/21 今天是利用中继器模仿淘宝商城列表：http://xv1q4q.axshare.com/ 理想效果如图： 设置好中继器格式后输入数据，得到原型。 实现效果：1、鼠标移动至商品区域时有橙色边框；2、鼠标移动至图片时滑出“找相似”功能；3、鼠标移动到商品名称和店家名称时变橙色；4、鼠标放置在点名前图标时，显示店家在同行的纵向对比信息；5、图片、商品名称、店家名称、淘小二图标均设置了...
axure中继器
Littleluck_的博客
04-28 863
axure,中继器，增删改查，axure基础
Axure中继器入门：高效制作系统首页原型
在本教程《Axure中继器初级教程：用中继器做一个漂亮的系统首页展示内容》中，作者以构建一个美食系统首页为例，深入浅出地讲解了中继器的基本概念、核心优势以及实际操作步骤，帮助初学者快速掌握这一关键技能。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值