首页 军事 游戏平台注册送9金币_Axure教程:商品列表及排序筛选
游戏平台注册送9金币_Axure教程:商品列表及排序筛选
发布时间: 2020-01-11 17:37:13 | 点击量: 4645
摘要:另外,用户可以对这些商品列表按照价格排序以及筛选条件来过滤数据。设置商品列表显示的格式,如是水平还是垂直显示以及每排显示的数量。

游戏平台注册送9金币_Axure教程:商品列表及排序筛选

游戏平台注册送9金币,本文带大家一起来看一下axure中如何商品列表及排序筛选,enjoy~

喜欢网购的小伙伴们可能会发现这样一种现象——我们在电商平台浏览商品的时候,这些商品会以方块格子的形式展示一个个商品,每个格子的格式都是一样的,都包含了商品图片,价格以及评价数量等这些信息,而且在格子中的位置都是固定的,唯一不同的就是对应的信息值不一样。另外,用户可以对这些商品列表按照价格排序以及筛选条件来过滤数据。

如果觉得光看文字很难理解,那我们就举一个栗子,请看下面图片:

今天呢,我就带大家一起来看一下axure中如何实现这种效果。

话不多说,还是按照我们以往的套路来讲解。

下文将从3个方面来展开:

首先先来看一下这个具体的需求是什么?

需求比较简单:做一个商品列表并且可以按照价格排序并且查看降价商品。

从上面的描述,我们看到关键词“商品列表”,看到这里,有些小伙伴是不是有点懵有点方呢?

咱不方~

今天带大家一起学习一个新的技能,那就是中继器。

那什么是中继器呢?

中继器简单来说就是类似于一个数据集合,有它固定的字段以及格式。设置好框架格式之后就可以重复利用,只需往里面新增合法的数据即可。

话不多说,咱继续往下看。

(1)中继器

先搭好中继器的整体框架,如:商品图片、名称、价格、销量及推荐人数。

接着讲上面框架中的字段与中继器的字段关联,其中,中继器中的数据可以在excel中编辑好然后复制粘贴。

设置商品列表显示的格式,如是水平还是垂直显示以及每排显示的数量。

至此,一个常见的商品列表就搭建完毕。

(2)价格排序

下面讲一下价格排序如何实现。

实际上,这里运用的就是中继器的排序功能,添加排序,可以设置需要排序的字段以及升序还是降序。

(3)条件筛选过滤

在中继器中,我们也可以按照某些条件过滤显示我们需要看到的数据而不是显示所有数据。这里,用到的是中继器的筛选功能。

这个案例中,我们可以筛选出降低的商品有哪些。

需要注意,这里的交互需要设置2个,选中时和取消选中时。这里的lowerp是中继器中的一个字段,标识商品是否为降价商品。

下面为选中时的交互设置:

取消选中时的交互设置:

最后,我们来看一下最终效果,网址为:https://vm3p55.axshare.com

本文由 @翠baby 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自unsplash,基于cc0协议

最新排行
骆驼股份股东路明占拟减持股份 预计减持不超总股本0.51%
新疆乌什县发生5.0级地震 暂无人员伤亡和财产损失报告
伊拉克防长被曝是瑞典公民 还涉嫌冒领福利
台北故宫博物院“去中国化”恶果显现 人气下滑
《九州缥缈录》紧急撤档,古装剧难开播,我们真的没剧看了吗?
现场图片 | 博鳌亚洲论坛2019年年会开幕
AI 下棋,很强!AI 治病?再等等
至臻点限时兑换将开启,不足100也可兑换,50点可获5款皮肤碎片
煤炭行业2020年度策略报告:稳稳的煤价 分化的机会
姚笛独自现身高铁站满面愁容 手上不见婚戒引网友猜疑
热门文章
“自发”循经点穴按摩疗法
击落美国“全球鹰”而不是“海神”房兵:伊朗行动是克制的,体现有理有利有节
蓝山:干线公路交通问题维权执法力度大
盛通股份:股东拟减持不超6%股份
DNF:2019国庆礼包正式爆料,宝珠1到50级,追忆战灵天舞,真香
面对孩子的十万个为什么,爸爸妈妈该如何巧妙的回答?
视觉中国4度被炒 股市变身贩卖场:一卖逻辑 二卖情绪
浙江首次举办蓝莓擂台赛,它以含糖度14.1夺冠!
麦克米兰:勒布朗本就与众不同,他是那种肩负使命的球员
朱婷受伤牵动国人心 手腕无大碍虚惊一场郎平可以放心了
© Copyright 2018-2019 sprietco.com 孟寺门户网站 Inc. All Rights Reserved.