Axure RP9 中继器实现电商商品列表

最新推荐文章于 2024-09-10 22:33:09 发布
最新推荐文章于 2024-09-10 22:33:09 发布
阅读量346 收藏 2
点赞数
分类专栏： Axure 文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55047679/article/details/131830405
版权
该文章详细介绍了如何在Axure中使用中继器创建结构相同但内容不同的原型。首先，通过添加中继器来建立基础框架，然后构建样式并添加数据，包括二维表数据的批量导入和图片的单独处理。接着，设置了中继器的交互事件，如文本内容与全局变量的绑定，以及图片的处理。最后，调整了布局，利用网格排布规则优化显示效果，并提供了效果预览和参考资料。
摘要由CSDN通过智能技术生成

适用：当原型的结构相同，但内容不同时

添加中继器

构建样式

 

 为中继器添加数据

 二维表数据可直接使用Ctrl+C/V 批量添加

 图片要单独添加

 注意：图片导入成功，右侧会出现标志，鼠标悬停可预览

交互事件

中继器文本内容与对应全局变量绑定

 图片也需单独设置

调整布局

设置网格排布规则

 完成！

效果预览Axure Cloud - Generating Project

主要参考

day4-07. 中继器元件介绍_哔哩哔哩_bilibili

 

别喝凉水容易凉
关注
专栏目录
axure 如何设置选项联动_Axure RP9案例：如何实现省市区数据的三级联动
weixin_33509600的博客
01-17 1605
| 概述地区选择的使用场景非常广泛，比如电商类产品录入收件人地址的时候，需要选择省、市、区；再比如，在查询数据信息的时候，地区通常作为一个筛选条件。Axure 的下拉列表元件可以轻松实现单一层级的地区选择，但像省、市、区这样的三级联动选择，一个简单的下拉列表并不能解决我们的问题，如何让这个下拉列表框建立关系，保持数据联动，这就是本节课的案例需要解决的问题。| 分析交互现象默认情况下，省、市、区这三...
Axure RP 中继器的应用制作产品列表
PEXUE的专栏
01-30 2000
中继器是axure 7.0新增的部件，功能强大，下面介绍用中继器导入数据制作产品列表，产品设计axure  实现的交互效果 步骤1：   准备好苹果、雪梨、提子的图片各一张； 步骤2：   从部件库中拖拽一个中继器到线框图编辑区中，并在“部件交互和注释”窗口中命名为“水果列表”  步骤3：    双击中继器，打开中继器编辑页，从部件库拖拽一个图片部件到线框图编辑器中，并在“
Axhub Charts Pro可视数据大屏.rp
11-10
适应于电商大数据场景的大数据监控大屏的Axure原型，可通过Group内data和config中继器可更改数据及配置，跟另外一个数据大屏类型不同
Axure中继器模仿淘宝商城列表
weixin_34361881的博客
07-21 791
7/21 今天是利用中继器模仿淘宝商城列表：http://xv1q4q.axshare.com/ 理想效果如图： 设置好中继器格式后输入数据，得到原型。 实现效果：1、鼠标移动至商品区域时有橙色边框；2、鼠标移动至图片时滑出“找相似”功能；3、鼠标移动到商品名称和店家名称时变橙色；4、鼠标放置在点名前图标时，显示店家在同行的纵向对比信息；5、图片、商品名称、店家名称、淘小二图标均设置了...
AXURE RP8实战手册 网站和APP原型制作案例精粹：商品列表价格排序.rp
06-19
AXURE RP8实战手册 网站和APP原型制作案例精粹：商品列表价格排序.rp
AxureRP8实战手册-案例16（中继器：制作商品列表）
qq_24857309的博客
07-10 1418
案例16. 中继器：制作商品列表 案例来源: 百度外卖-菜单 案例效果： 商品列表：（图1-125） 案例描述： 包含商品图片、名称、推荐人数、销售数量、价格以及添加按钮的商品模块列表。 元件准备： 页面中：（图1-126） 中继器“GoodsList”中： 包含命名： 中继器（用于商品列表）：GoodsList 文本标签（显示商品名称）：GoodsName 文本标签（显示推荐人数）：GoodsRecommend 文本标签（显示商品销量）：GoodsSales ..
Axure RP9中继器的可做用途之一，类似于购物界面的展示
x198716的博客
03-07 1095
Axure RP9中继器的可做用途之一，类似于购物界面的展示
Axure--中继器：制作产品列表之排序（2）
ChibiMarukoChan的博客
04-26 1738
元件准备：矩形框一个、文本框2个、动态面板一个效果：编辑动态面板：里面2个文本标签：价格从高到低、价格从低到高为价格从高到低设置【鼠标悬停】，设置字体颜色为桃红色设置【鼠标单击】，添加case1，选择中继器【添加排序】，选择需要排序的字段，此时为price字段设置【显示隐藏】的隐藏，选中动态面板隐藏...
AxureRP8实战手册-案例17（中继器：商品列表排序）
qq_24857309的博客
07-10 948
案例17. 中继器：商品列表排序 案例来源: 美丽说-宝贝搜索 案例效果： 默认：（图1-135） 价格从低到高：（图1-136） 价格从高到低：（图1-137） 案例描述： 鼠标移入“价格排序”按钮，显示选项列表。选项在鼠标进入时显示粉色文字，点击选项，商品列表进行相应的排序。 元件准备： 页面中：（图1-138） 动态面板“SortPanel”中： （图1-139） 中继器“GoodsList”中：（图1-140） 中继器“GoodsList”的数...
老二牛车Axure夜话：中继器系列视频教程之中继器网格实现
08-08
"老二牛车Axure夜话：中继器系列视频教程之中继器网格实现"是一个专门探讨Axure中继器（Repeater）功能的教程，通过这个系列，学习者可以深入了解如何利用中继器来构建动态、数据驱动的原型界面。 中继器在Axure中...
AxureRP最全资源
06-21
它支持自定义动态面板、中继器等高级功能，让原型具有更丰富的动态效果。 2. **导入资源**："AxureRP IMport"标签可能指的是压缩包中包含的可导入资源，例如预设的UI元素库、图标集、图片、样式表等。这些资源可以...
0521JGA电商购物平台管理后台+自营端+商户端Axure RP原型.rar
01-06
在“0521JGA”原型中，设计师可能利用了Axure RP的动态面板、中继器、自定义函数等特性，构建出功能丰富、操作流畅的界面。 总的来说，这个原型设计涵盖了电商系统的全貌，从后台管理到前端用户交互，从自营到商户...
程矢Axure夜话图文教程中继器表格搜索.pdf
02-16
- **案例二**: 在电商网站的产品列表页面，可以通过中继器表格展示各种商品，并允许用户通过搜索框按照产品名称、价格区间等条件进行筛选。 #### 四、总结 通过本教程的学习，我们不仅了解了如何在Axure中设计并...
Axure 经典实例高保真原型下载（Axure高保真企业办公oa系统&OA协同办公后台管理&会议管理&用户管理&统计分析&活动管理+考勤管理+档案管理+行政支持管理）
rp原型聚集地
06-27 6483
Axure高保真OA协同办公后台管理功能介绍： OA软件的核心应用是：流程审批、协同工作、公文管理(国企和政府机关)、沟通工具、文档管理、信息中心、电子论坛、计划管理、项目管理、任务管理、会议管理、关联人员、系统集成、门户定制、通讯录、工作便签、问卷调查、常用工具(计算器、万年历等)。 OA管理平台基于“框架+应用组件+功能定制平台”的架构模型，主体部分由30多个子系统组成，包括信息门户、协同工作、工作流程、表单中心、公文流转、公共信息、论坛管理、问卷调查、计划管理、会务管理、任务管理、关联项目、关联人
Axure9页面二级菜单制作（二）：一级菜单&二级菜单赋值
DesertOrchid的博客
01-12 1680
1.继Axure9页面二级菜单制作（一）：固定数量二级菜单后，进行下述操作： 2.选中“中继器”，对一级菜单&二级菜单进行赋值： 1)操作步骤一，如下图所示： 2)操作步骤二，如下图所示（此处先对“一级菜单A”进行赋值）： 3)操作步骤三：点击“一级菜单A”后方的函数，打开新的窗口；删除“插入变量或函数”文本框已有内容，点击“插入变量或函数”； 3.完成上述操作，即完成了对“一级菜单A”的赋值操作； 4.二级菜单赋值（此处以“二级菜单a”为例）： 1)步骤一，如下图所示.
Axure之中继器的使用（交互&动作&reperter属性&Item属性）
YZZdear的博客
12-19 5879
目录一.中继器的基本使用 二.中继器的动作（增删改查）2.1 新增2.2 删除 2.3 更新行 2.4 效果展示 2.5 模糊查询三.reperter属性在Axure中，中继器（Repeater）是一种功能强大的组件，用于创建重复的数据集合或列表。它允许原型中快速生成多个相似的元素，并根据数据源的变化自动更新这些元素。 中继器的主要用途是模拟动态数据和展示可重复的内容，例如产品列表、新闻列表、用户评论等。通过设置中继器的数据源和模板，可以轻松地生成多个相同或类似的元素，并在原型中展示它们的不同状态或变化。
Axure学习笔记整理7-中继器-商品列表及排序
weixin_41556724的博客
01-07 2049
中继器使用案例： 1.打开Axure，拖拽一个中继器命名为‘GoodsList’，双击中继器进去填充内容，如以下截图： 里面部件分别命名为：图片部件-GoodsImage；文本标签部件-商品名称-命名为Name；文本标签部件-推荐-命名为Rec；文本标签部件-数量-命名为Sales；文本标签部件-价格-命名为Price；   2.打开excel表格填充一些业务数据，例如以下： Nam...
Axure高效打造大屏可视化BI数据展示
最新发布
招风的黑耳CSDN
09-10 1771
在使用AxureRP软件设计大屏可视化BI数据显示模板时，我们可以遵循一系列高效的方法和步骤来确保设计的质量和效率。以下是一个详细的教程，指导如何高效地使用AxureRP进行大屏界面设计。
axure动态面板
TORTOISR的博客
09-07 454
最近转管理岗了，作为项目负责人，需要常常与客户交流沟通，这时候画原型的能力就是不可或缺的本领之一了，关于axure可能很多it行业者都不是很陌生，简单的功能呢大家就自行去摸索，我们这次从动态面板开始讲起。切记到操作动态面板时一直要进入盒子内部操作，在盒子外部操作是没有任何效果的。
axure rp9中继器折线图
08-08
Axure RP 9是一款专业的原型设计工具，它允许用户创建交互式流程图、原型等。在其中，折线图通常用于展示数据随时间的变化趋势，而中继器则是一个强大的功能，可以复用并动态更新内容。 中继器折线图实际上是指利用Axure的中继器功能（Repeater）与折线图（Line Chart）相结合，创建一个可以根据数据源变化自动刷新的图表。中继器通常会连接到外部数据表或者其他数据驱动组件，如数据集（Data Set），当数据源的数据发生变化时，折线图的内容会随之同步更新，这样就不需要手动编辑每一条数据点。 操作步骤大致如下： 1. 创建折线图元件，并设置好X轴和Y轴的数据字段。 2. 在中继器的绑定部分，关联到包含所需数据的表或数据集。 3. 配置中继器，指定显示哪些数据行或者使用哪些列作为数据源。 4. 更新数据时，中继器会自动刷新折线图，显示新的数据趋势。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值