Axure--中继器：制作产品列表之排序（2）

最新推荐文章于 2025-05-27 14:03:39 发布
最新推荐文章于 2025-05-27 14:03:39 发布
阅读量1.8k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 页面设计 文章标签： 产品排序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ChibiMarukoChan/article/details/80096711
本文介绍了一种使用动态面板实现的价格从高到低和从低到高的排序方法。通过设置鼠标悬停和单击事件，可以改变字体颜色并更新中继器中的价格排序。此方法适用于需要快速实现用户界面交互的设计人员。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

效果：


元件准备：

矩形框一个、文本框2个、动态面板一个



效果：



编辑动态面板：

里面2个文本标签：价格从高到低、价格从低到高

为价格从高到低设置【鼠标悬停】，设置字体颜色为桃红色


设置【鼠标单击】，添加case1，选择中继器【添加排序】，选择需要排序的字段，此时为price字段


设置【显示隐藏】的隐藏，选中动态面板隐藏





Axure重要元件三——中继器时间排序
benleiqiang的博客
10-13 669
步骤三：设置注册时间升序交互，并设置选中icon的值为真，降序的值为假。步骤四：设置注册时间降序交互，并设置选中icon的值为真，升序的值为假。步骤五：设置注销时间升序交互，并设置选中icon的值为真，降序的值为假。步骤六：设置注销时间降序交互，并设置选中icon的值为真，升序的值为假。步骤二：设置选中效果，四个icon都设置一样的选中效果。
AxureRP：中继器与列表动态内容_2024-07-22_05-24-37.Tex
11-16 659
中继器是 Axure RP 中用于处理动态列表和表格数据的关键组件。它能够根据数据源中的数据自动调整其内容和布局，非常适合用于展示数据库查询结果、用户列表、产品目录等动态内容。中继器支持的数据源可以是 Axure 自带的数据表格，也可以是外部导入的 CSV 或 JSON 文件。Axure RP允许你自定义中继器的样式，包括行的样式、列的样式，以及如何响应数据的变化。
中继器：商品列表排序
u013767164的博客
06-15 581
案例描述： 鼠标移入“价格排序”按钮，显示选项列表。选项在鼠标进入时显示粉色文字，点击选项，商品列表进行相应的排序。 思路分析： ①完成中继器数据集与元件的关联； ②并设定好模块的排布与间隔； ③鼠标移入“价格排序”按钮，需要显示排序的选项，并能够在鼠标移出选项时自动隐藏选项； ④为每个排序选项添加鼠标移入时的样式； ⑤点击每个排序选项时，需要中继器进行相应的排序，并隐藏排序的选项列表。 1.元件准备 拖入中继器——打开编辑区域编辑 2.中继器“GoodsList”的数据集中 包含命名： 中继器（用
Axure：中继器的排序
Coolstuz的博客
10-05 1256
功能实现：如图，简单的实现排序 元件需求 一个中继器、一个按钮、两个文本标签 将两个文本标签放入中继器内部，并将其改名 并给中继器填入词库 交互 给中继器在“每项加载时”添加交互 给按钮添加交互 至此结束，预览即可查看效果！ 感谢你能看到这里！ 希望这篇文章能帮到你！ ...
Axure中继器学习笔记
最新发布
Rey_family的博客
05-27 549
中继器(Axure Repeater)是Axure中的高级组件，功能类似于数据集成器，主要用于：数据存储与管理数据的增删改查操作数据的分页与展示控制。
【Axure教程】中继器表格——拖动排序
mushe93的博客
07-18 1509
排序是表格中常用的交互，一般常用的是升序和降序，如果要随心所欲的设置自定义表格，按自己的偏好任意调整的，就是拖动排序了，一般在自定义表格中比较常见。所以今天作者就教大家，如果制作鼠标拖动表格中的某一行或者某一列并移动到表格中对应的位置。 【原型预览】 https://axhub.im/ax9/2bcd864c6573fb02/#g=1 【原型下载】 方式1：加入原型分享群后，可免费分享该原型，请咨询微信522073109 方式2：https://weidian.com/item.html?it
Axure Repeater系列---排序
songqingxi的专栏
08-21 2323
最新学习整理Repeater，网上也能找到一些实现排序的帖子，但是对于不熟悉中继器的同学来说，直接上手还是有点难度的。我也遇到一些坑，特整理记录下来，共同学习。学习之前最好了解下中继器的各个属性以及函数的含义。 工具：Axure8.0 学习目标： 如下图所示，通过点击箭头图标实现位置调整，每次点击箭头相邻两行调换顺序（点击第一行，即“高等数学”顺序不变）。 知识点： （1）全局变量设...
Axure--中继器：制作产品列表之类型筛选（3）
ChibiMarukoChan的博客
04-26 3996
功能：在Axure--中继器：制作产品列表之排序（2）的基础上增加类型筛选效果：在中继器中增加两列，分别为 promotion,newStyle在标题栏增加两个复选框，分别为新款，价格优惠为复选框添加选中事件，设置case1，[中继器]［添加筛选］复选框取消选中，添加case1，[中继器]［移除筛选］新款复选框的检视面板如下图所示：同理，价格复选框的操作如上。...
Axure教程：用中继器做图片轮播.docx
05-30
每项加载时，设置图片的值为 item.picture 中继器载入时，添加排序按 no 升序排列完成后将中继器转为动态面板（面板 1），面板 1 转为动态面板（面板 2）。这里要解释一下，面板 1 是用来做向左向右鼠标拖动的交互。...
老二牛车Axure夜话：中继器系列视频教程之中继器图片墙
08-08
"老二牛车Axure夜话：中继器系列视频教程之中继器图片墙"这个标题指向了一个关于Axure中继器功能的专门教程，特别是如何构建一个动态的图片墙。中继器是Axure RP中的一个重要特性，它能够帮助设计师实现数据驱动的...
Axure重要元件三——中继器表单制作
benleiqiang的博客
10-12 1177
以上是中继器表单制作，学习步骤：中继器数据分类函数赋值——数据录入——菜单调节。步骤八：制作最后“操作”，表头向后新增，下方拖入一个垂直菜单，并填入链接按钮。步骤六：双击中继器，拖入一个垂直菜单，保留一个表格。步骤二：双击中继器，删除原始表格，拖入一个表格。步骤六：建立表头：拖入横向菜单（做表单的表头）步骤三：参照案例，分别扩展表格和录入数据分类。
AXURE RP8实战手册 网站和APP原型制作案例精粹：商品列表价格排序.rp
06-19
AXURE RP8实战手册 网站和APP原型制作案例精粹：商品列表价格排序.rp
Axure高保真web端常用组件：全选反选排序增加修改删除
06-10
Axure制作版本：8.1（兼容Axure9.0） 产品类型：该组件的包含全选反选交互功能、列表排序和添加删除的交互功能。 以上交互组件制作原型都可复用 当前版本：V1.1
Axure动态面板上下拖动效果实现
12-05
个人在使用Axure过程中总结的动态面板实现上下拖动效果的步骤，描述细致，有详细截图说明。
Axure中继器模仿淘宝商城列表
weixin_34361881的博客
07-21 861
7/21 今天是利用中继器模仿淘宝商城列表：http://xv1q4q.axshare.com/ 理想效果如图： 设置好中继器格式后输入数据，得到原型。 实现效果：1、鼠标移动至商品区域时有橙色边框；2、鼠标移动至图片时滑出“找相似”功能；3、鼠标移动到商品名称和店家名称时变橙色；4、鼠标放置在点名前图标时，显示店家在同行的纵向对比信息；5、图片、商品名称、店家名称、淘小二图标均设置了...
axure如何导出原件_Axure教程：外卖订单平台——用中继器做商品列表购物车
weixin_36053084的博客
12-27 356
编辑导语：当我们在外卖平台选购商品时，如果有购物车功能则会方便不少。不仅可以让用户有多种选择，还能起到暂时收藏，方便下次购买的作用。今天，本文作者就使用Axure，教我们如何用中继器做外卖订单平台中商品列表的购物车。Hello，今天作者已外卖订单平台的购物车的案例，教大家如果用中继器来实现一个自动计算总额的商品商品列表购物车。原型演示地址：https://cty930.axshare.com/#g...
Axure-中继器实践-商品列表
Irene
01-18 672
Axure-中继器实践Axure RP（Rapid Prototyping）是一个专业的快速原型设计工具；能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。在Axure7.0中有一个神奇的东西——Repeater控件（中继器）； 个人理解中继器为一个带数据交互功能的表单，能实现数据的增、删、查、改、排序、过滤等功能。说起来不如做起来，下面以一个简单的商品列表为例：打开Axure7.0及以
Axure RP9 中继器实现电商商品列表
weixin_55047679的博客
07-20 655
Axure RP9 中继器实现电商商品列表。适用于当原型的结构相同，但内容不同时
【Axure视频教程】中继器表格——排序
mushe93的博客
05-31 365
Hello，今天教大家用中继器制作一个能够排序的原型模板，该模板使用简单，复用性强。再次使用时，只需要在中继器表格里填写内容，自动生成高保真效果，所以强烈推荐给大家。该教程从材料准备到完成交互，手把手的教学。 【视频教程——试看版】 【Axure教程】中继器表格——排序 【完整教程】 【Axure视频教程】中继器表格——排序 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值