Android开发小技巧之商品属性筛选与商品筛选

简介:

前言

这次为大家带来的是一个完整的商品属性筛选与商品筛选。什么意思?都见过淘宝、京东等爱啪啪吧,里面有个商品详情,可以选择商品的属性,然后筛选出这个商品的具体型号,这样应该知道了吧?不知道也没关系,下面会有展示图。

6ab364a25198305f89289beb1310332886003f6c

关于商品筛选是有两种方式(至少我只见到两种):


第一种: 将所有的商品的所有属性及详情返回给客户端,由客户端进行筛选。
淘宝用的就是这种。
第二种: 将所有的属性返回给客户端,客户选择完成属性后将属性发送给后台
,再由后台根据属性筛选出具体商品返回给客户端。
京东就是这样搞的。。

两种方式各有各的好处:

第一种:体验性特别好,用户感觉不到延迟,立即选中立即就筛选出了详情。就是客户端比较费劲。。。

第二种:客户端比较省时间,但是体验性太差了,你想想,在网络不是很通畅的时候,你选择一个商品还得等老半天。

因为当时我没有参加到这个接口的设计,导致一直在变化。。我才不会告诉不是后台不给力,筛选不出来才一股脑的将所有锅甩给客户端。

技术点

流式布局


商品的属性并不是一样长的,所以需要自动适应内容的一个控件。
推荐hongyang的博客。我就是照着那个搞的。

RxJava


不要问我,我不知道,我也是新手,我就是用它做出了效果,至于有没有
用对,那我就不知道了。反正目的是达到了。

Json解析???

准备

FlowLayout

RxJava

xml布局

这个部分的布局不是很难,只是代码量较多,咱们就省略吧,直接看效果吧

7a742cd867ab8ae14d21be66c5182e061b130c83

可以看到机身颜色、内存、版本下面都是空的,因为我们还没有将属性筛选出来。

数据分析

先看看整体的数据结构是怎么样的

cd2983e3e14c41fcff75cf51fd14c9bbffe80854

每一个商品都有一个父类,仅作标识,不参与计算,比如数据中的华为P9就是一个商品的类目,在这下面有着各种属性组成的商品子类,这才是真正的商品。

而一个详细的商品是有三个基础属性所组成:


1. 版本
2. 内存
3. 制式

如上图中一个具体的商品的名称:"华为 P9全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待"

7b8740668a3e8dacaf864bfd0e4a13877cecea81

所以,要获得一个具体的商品是非常的简单,只需要客户选中的三个属性与上图中所对应的属性完全相同,就能得到这个商品。其中最关键的还是将所有的商品属性筛选出来。

筛选出所有属性及图片

本文中使用的数据是直接从Assets目录中直接读取的。

筛选出该商品的所有属性,怎么做呢?其实也是很简单的,直接for所有商品的所有属性,然后存储起来,去除重复的属性,那么最后剩下的就是该商品的属性了


/**
* 初始化商品信息
* <li>1. 提取所有的属性</li>
* <li>2. 提取所有颜色的照片</li>
*/
private void initGoodsInfo() {
//所有的颜色
mColors = new ArrayList<>();
//筛选过程中临时存放颜色
mTempColors = new ArrayList<>();
//所有的内存
mMonerys = new ArrayList<>();
//筛选过程中临时的内存
mTempMonerys = new ArrayList<>();
//所有的版本
mVersions = new ArrayList<>();
//筛选过程中的临时版本
mTempVersions = new ArrayList<>();
//获取到所有的商品
shopLists = responseDto.getMsg().getChilds();
callBack.refreshSuccess("¥" + responseDto.getPricemin() + " - " + responseDto.getPricemax(), responseDto.getMsg().getParent().getName());
callBack.parentName(responseDto.getMsg().getParent().getName());
//遍历商品
Observable.from(shopLists)
//转换对象 获取所有商品的属性集合
.flatMap(childsEntity -> Observable.from(childsEntity.getAttrinfo().getAttrs()))
.subscribe(attrsEntity -> {
//判断颜色
if (mActivity.getString(R.string.shop_color).equals(attrsEntity.getAttrname()) && !mTempColors.contains(attrsEntity.getAttrvalue())) {
mColors.add(new TagInfo(attrsEntity.getAttrvalue()));
mTempColors.add(attrsEntity.getAttrvalue());
}
//判断制式
if (mActivity.getString(R.string.shop_standard).equals(attrsEntity.getAttrname()) && !mTempVersions.contains(attrsEntity.getAttrvalue())) {
mVersions.add(new TagInfo(attrsEntity.getAttrvalue()));
mTempVersions.add(attrsEntity.getAttrvalue());
}
//判断内存
if (mActivity.getString(R.string.shop_monery).equals(attrsEntity.getAttrname()) && !mTempMonerys.contains(attrsEntity.getAttrvalue())) {
mMonerys.add(new TagInfo(attrsEntity.getAttrvalue()));
mTempMonerys.add(attrsEntity.getAttrvalue());
}
});

// 提取出 每种颜色的照片
tempImageColor = new ArrayList<>();
mImages = new ArrayList<>();
//遍历所有的商品列表
Observable.from(shopLists)
.subscribe(childsEntity -> {
String color = childsEntity.getAttrinfo().getAttrs().get(0).getAttrvalue();
if (!tempImageColor.contains(color)) {
mImages.add(childsEntity.getShowimg());
tempImageColor.add(color);
}
});
// 提取出 每种颜色的照片

//通知图片
callBack.changeData(mImages, "¥" + responseDto.getPricemin() + " - " + responseDto.getPricemax());
callBack.complete(null);
}

初始化属性列表

属性之间是有一些关系的,比如我这里是以颜色为初始第一项,那么我就得根据颜色筛选出这个颜色下的所有内存,然后根据内存筛选出所有的版本。同时,只要颜色、内存、版本三个都选择了,就得筛选出这个商品。

{颜色>内存>版本}>具体商品

颜色

初始化颜色,设置选择监听,一旦用户选择了某个颜色,那么需要获取这个颜色下的所有内存,并且要开始尝试获取商品详情。

1、初始化颜色


/**
* 初始化颜色
*
* @hint
*/
private void initShopColor() {
for (TagInfo mColor : mColors) {
//初始化所有的选项为未选择状态
mColor.setSelect(false);
}
tvColor.setText("\"未选择颜色\"");
mColors.get(colorPositon).setSelect(true);
colorAdapter = new ProperyTagAdapter(mActivity, mColors);
rlShopColor.setAdapter(colorAdapter);
colorAdapter.notifyDataSetChanged();
rlShopColor.setTagCheckedMode(FlowTagLayout.FLOW_TAG_CHECKED_SINGLE);
rlShopColor.setOnTagSelectListener((parent, selectedList) -> {
colorPositon = selectedList.get(0);
strColor = mColors.get(colorPositon).getText();
// L.e("选中颜色:" + strColor);
tvColor.setText("\"" + strColor + "\"");
//获取颜色照片
initColorShop();
//查询商品详情
iterationShop();
});
}

2、获取颜色下所有的内存和该颜色的照片


/**
* 初始化相应的颜色的商品 获得 图片
*/
private void initColorShop() {
//初始化 选项数据
Observable.from(mMonerys).subscribe(tagInfo -> {
tagInfo.setChecked(true);
});
L.e("开始筛选颜色下的内存----------------------------------------------------------------------------------");
final List<String> tempColorMemery = new ArrayList<>();
//筛选内存
Observable.from(shopLists)
.filter(childsEntity -> childsEntity.getAttrinfo().getAttrs().get(0).getAttrvalue().equals(strColor))
.flatMap(childsEntity -> Observable.from(childsEntity.getAttrinfo().getAttrs()))
.filter(attrsEntity -> mActivity.getString(R.string.shop_monery).equals(attrsEntity.getAttrname()))
.subscribe(attrsEntity -> {
tempColorMemery.add(attrsEntity.getAttrvalue());
// L.e("内存:"+attrsEntity.getAttrvalue());
});

Observable.from(mTempMonerys)
.filter(s -> !tempColorMemery.contains(s))
.subscribe(s -> {
L.e("没有的内存:" + s);
mMonerys.get(mTempMonerys.indexOf(s)).setChecked(false);
});
momeryAdapter.notifyDataSetChanged();
L.e("筛选颜色下的内存完成----------------------------------------------------------------------------------");

//获取颜色的照片
ImageHelper.loadImageFromGlide(mActivity, mImages.get(tempImageColor.indexOf(strColor)), ivShopPhoto);
}

3、根据选中的属性查询是否存在该商品


/**
* 迭代 选择商品属性
*/
private void iterationShop() {
// 选择的内存 选择的版本 选择的颜色
if (strMemory == null || strVersion == null || strColor == null)
return;
//隐藏购买按钮 显示为缺货
resetBuyButton(false);
Observable.from(shopLists)
.filter(childsEntity -> childsEntity.getAttrinfo().getAttrs().get(0).getAttrvalue().equals(strColor))
.filter(childsEntity -> childsEntity.getAttrinfo().getAttrs().get(1).getAttrvalue().equals(strVersion))
.filter(childsEntity -> childsEntity.getAttrinfo().getAttrs().get(2).getAttrvalue().equals(strMemory))
.subscribe(childsEntity -> {
L.e(childsEntity.getShopprice());
tvPrice.setText("¥" + childsEntity.getShopprice());
// ImageHelper.loadImageFromGlide(mActivity, Constant.IMAGE_URL + childsEntity.getShowimg(), ivShopPhoto);
L.e("已找到商品:" + childsEntity.getName() + " id:" + childsEntity.getPid());
selectGoods = childsEntity;
tvShopName.setText(childsEntity.getName());
//显示购买按钮
resetBuyButton(true);
initShopStagesCount++;
});
}

内存

通过前面一步,已经获取了所有的内存。这一步只需要展示该所有内存,设置选择监听,选择了某个内存后就根据 选择颜色>选择内存 获取所有的版本。并在在其中也是要iterationShop()查询商品的,万一你是往回点的时候呢?

1、初始化版本


/**
* 初始化内存
*/
private void initShopMomery() {
for (TagInfo mMonery : mMonerys) {
mMonery.setSelect(false);
Log.e(" ", "initShopMomery: " + mMonery.getText());
}
tvMomey.setText("\"未选择内存\"");
mMonerys.get(momeryPositon).setSelect(true);
//-----------------------------创建适配器
momeryAdapter = new ProperyTagAdapter(mActivity, mMonerys);
rlShopMomery.setAdapter(momeryAdapter);
rlShopMomery.setTagCheckedMode(FlowTagLayout.FLOW_TAG_CHECKED_SINGLE);
rlShopMomery.setOnTagSelectListener((parent, selectedList) -> {
momeryPositon = selectedList.get(0);
strMemory = mMonerys.get(momeryPositon).getText();
// L.e("选中内存:" + strMemory);
iterationShop();
tvMomey.setText("\"" + strMemory + "\"");
iterationVersion();
});
}

2、根据已选择的颜色和内存获取到版本


/**
* 迭代 获取版本信息
*/
private void iterationVersion() {
if (strColor == null || strMemory == null) {
return;
}
// L.e("开始迭代版本");
Observable.from(mVersions).subscribe(tagInfo -> {
tagInfo.setChecked(true);
});
final List<String> iterationTempVersion = new ArrayList<>();
//1. 遍历出 这个颜色下的所有手机
//2. 遍历出 这些手机的所有版本
Observable.from(shopLists)
.filter(childsEntity -> childsEntity.getAttrinfo().getAttrs().get(0).getAttrvalue().equals(strColor))
.filter(childsEntity -> childsEntity.getAttrinfo().getAttrs().get(2).getAttrvalue().equals(strMemory))
.flatMap(childsEntity -> Observable.from(childsEntity.getAttrinfo().getAttrs()))
.filter(attrsEntity -> attrsEntity.getAttrname().equals(mActivity.getString(R.string.shop_standard)))
.subscribe(attrsEntity -> {
iterationTempVersion.add(attrsEntity.getAttrvalue());
});

Observable.from(mTempVersions).filter(s -> !iterationTempVersion.contains(s)).subscribe(s -> {
mVersions.get(mTempVersions.indexOf(s)).setChecked(false);
});
versionAdapter.notifyDataSetChanged();
// L.e("迭代版本完成");
}

版本

其实到了这一步,已经算是完成了,只需要设置监听,获取选中的版本,然后开始查询商品。


/**
* 初始化版本
*/
private void initShopVersion() {
for (TagInfo mVersion : mVersions) {
mVersion.setSelect(false);
}
tvVersion.setText("\"未选择版本\"");
mVersions.get(versionPositon).setSelect(true);
//-----------------------------创建适配器
versionAdapter = new ProperyTagAdapter(mActivity, mVersions);
rlShopVersion.setAdapter(versionAdapter);
rlShopVersion.setTagCheckedMode(FlowTagLayout.FLOW_TAG_CHECKED_SINGLE);
rlShopVersion.setOnTagSelectListener((parent, selectedList) -> {
versionPositon = selectedList.get(0);
strVersion = mVersions.get(versionPositon).getText();
// L.e("选中版本:" + strVersion);
iterationShop();
tvVersion.setText("\"" + strVersion + "\"");
});
}

完成

最终效果图如下:

da9a7058372ef0c9dec8538d042b2a2237036afb

不要在意后面的轮播图,那其实很简单的。


原文发布时间为:2018-09-7
本文作者:aohanyao
本文来自云栖社区合作伙伴“ 安卓巴士Android开发者门户”,了解相关信息可以关注“ 安卓巴士Android开发者门户”。
相关文章
|
6天前
|
编解码 Java Android开发
通义灵码:在安卓开发中提升工作效率的真实应用案例
本文介绍了通义灵码在安卓开发中的应用。作为一名97年的聋人开发者,我在2024年Google Gemma竞赛中获得了冠军,拿下了很多项目竞赛奖励,通义灵码成为我的得力助手。文章详细展示了如何安装通义灵码插件,并通过多个实例说明其在适配国际语言、多种分辨率、业务逻辑开发和编程语言转换等方面的应用,显著提高了开发效率和准确性。
|
5天前
|
Android开发 开发者 UED
安卓开发中自定义View的实现与性能优化
【10月更文挑战第28天】在安卓开发领域,自定义View是提升应用界面独特性和用户体验的重要手段。本文将深入探讨如何高效地创建和管理自定义View,以及如何通过代码和性能调优来确保流畅的交互体验。我们将一起学习自定义View的生命周期、绘图基础和事件处理,进而探索内存和布局优化技巧,最终实现既美观又高效的安卓界面。
18 5
|
3天前
|
JSON Java Android开发
探索安卓开发之旅:打造你的第一个天气应用
【10月更文挑战第30天】在这个数字时代,掌握移动应用开发技能无疑是进入IT行业的敲门砖。本文将引导你开启安卓开发的奇妙之旅,通过构建一个简易的天气应用来实践你的编程技能。无论你是初学者还是有一定经验的开发者,这篇文章都将成为你宝贵的学习资源。我们将一步步地深入到安卓开发的世界中,从搭建开发环境到实现核心功能,每个环节都充满了发现和创造的乐趣。让我们开始吧,一起在代码的海洋中航行!
|
5天前
|
缓存 数据库 Android开发
安卓开发中的性能优化技巧
【10月更文挑战第29天】在移动应用的海洋中,性能是船只能否破浪前行的关键。本文将深入探讨安卓开发中的性能优化策略,从代码层面到系统层面,揭示如何让应用运行得更快、更流畅。我们将以实际案例和最佳实践为灯塔,引领开发者避开性能瓶颈的暗礁。
16 3
|
7天前
|
存储 IDE 开发工具
探索Android开发之旅:从新手到专家
【10月更文挑战第26天】在这篇文章中,我们将一起踏上一段激动人心的旅程,探索如何在Android平台上从零开始,最终成为一名熟练的开发者。通过简单易懂的语言和实际代码示例,本文将引导你了解Android开发的基础知识、关键概念以及如何实现一个基本的应用程序。无论你是编程新手还是希望扩展你的技术栈,这篇文章都将为你提供价值和启发。让我们开始吧!
|
13天前
|
Java API Android开发
安卓应用程序开发的新手指南:从零开始构建你的第一个应用
【10月更文挑战第20天】在这个数字技术不断进步的时代,掌握移动应用开发技能无疑打开了一扇通往创新世界的大门。对于初学者来说,了解并学习如何从无到有构建一个安卓应用是至关重要的第一步。本文将为你提供一份详尽的入门指南,帮助你理解安卓开发的基础知识,并通过实际示例引导你完成第一个简单的应用项目。无论你是编程新手还是希望扩展你的技能集,这份指南都将是你宝贵的资源。
42 5
|
12天前
|
设计模式 IDE Java
探索安卓开发:从新手到专家的旅程
【10月更文挑战第22天】 在数字时代的浪潮中,移动应用开发如同一座金矿,吸引着无数探险者。本文将作为你的指南针,指引你进入安卓开发的广阔天地。我们将一起揭开安卓平台的神秘面纱,从搭建开发环境到掌握核心概念,再到深入理解安卓架构。无论你是初涉编程的新手,还是渴望进阶的开发者,这段旅程都将为你带来宝贵的知识和经验的财富。让我们开始吧!
|
2天前
|
移动开发 Java Android开发
探索Android与iOS开发的差异性与互联性
【10月更文挑战第32天】在移动开发的大潮中,Android和iOS两大平台各领风骚。本文将深入浅出地探讨这两个平台的开发差异,并通过实际代码示例,展示如何在各自平台上实现相似的功能。我们将从开发环境、编程语言、用户界面设计、性能优化等多个角度进行对比分析,旨在为开发者提供跨平台开发的实用指南。
18 0
|
12天前
|
搜索推荐 Android开发 UED
安卓开发中的自定义视图:打造个性化用户界面
【10月更文挑战第22天】在安卓应用的海洋中,如何让你的应用脱颖而出?一个独特且直观的用户界面(UI)至关重要。本文将引导你通过自定义视图来打造个性化的用户体验,从基础的视图绘制到触摸事件的处理,我们将一步步深入探讨。准备好了吗?让我们开始吧!
|
12天前
|
Android开发
我是一位Android工程师,用通义灵码的AS插件做开发工作助手,对比之前没有灵码,现在提效了60%
我是一位Android工程师,用通义灵码的AS插件做开发工作助手,对比之前没有灵码,现在提效了60%
28 0