Android 商品详情中规格的联动选择实现

最新推荐文章于 2024-05-20 09:44:49 发布
置顶 最新推荐文章于 2024-05-20 09:44:49 发布
阅读量5.7k 收藏 3
点赞数
分类专栏： Android—demo示例 文章标签： Android 商品属性关联选择 自定义
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33553515/article/details/53184000
版权

一 啥也不说了，先看效果吧。


二  这种方式和天猫淘宝的效果区别并不大。但是实现思路应该区别蛮大，毕竟我自己实现的时候很麻烦。具体还是要看 数据是怎么样的 。依靠数据去梳理逻辑。

1  表结构。Json数据在源码中


2 数据查询的实现思路 在代码中有。


3 视图的实现 ，用了一个自定义的Flowlayout  类似流失布局 ，一行一行的的显示 。


三 源码下载 点击下载


杰克庹庹
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
电商类app商品详情参数选择联动的实现
chen983487061的博客
08-02 2439
背景 近期，笔者刚刚忙完手头上的项目，终于有时间整理一下项目中用到的技术，作为自己的工作笔记，也为有类似需求的读者提供参考。接下来的几篇文章，我将记录电商app中常见的部分功能点的实现。 本篇，我将介绍商品详情页规格（sku）选择弹框的实现。 效果图：分析： 考虑到规格可能有多组，采用RecycleView来放置规格列表； 单组规格有多个值，且个数不确定，每个规格值字数不确定，所以采用自定义
Android商城App购物车规格联动选择
Holdworld8的博客
03-15 4305
1.概述在商城类App中多属性商品的各规格联动选择的实现。2.效果商城类App中多属性商品规格选择的效果类型很多，本文实现的效果和淘宝相仿，效果如下： 3.思路3.1规格属性联动实现思路主要与后台接口的数据有关，本文的数据主要包括两个数组，商品的各规格属性的数组以及商品的规格属性组合的数组。此处题主在本地放了一个简单的json数据（可以去assets中修改数据，增加规格或者规格属性组合）。
推荐开源项目：Sku - Android商品规格选择器
最新发布
gitblog_00031的博客
05-20 380
推荐开源项目：Sku - Android商品规格选择器 项目地址:https://gitcode.com/wuhenzhizao/android-sku 项目介绍 在电商应用开发中，商品详情页的商品规格选择是一个常见的需求，而Sku正是为此设计的一个高效且易于集成的开源库。它模拟了淘宝、天猫、京东等大型电商平台的多维度属性选择机制，并提供了流畅的购物车动画效果。该项目不仅兼容传统的MVP模式，还支...
Android 购物选择颜色、尺码实现（Android Studio 3.1 工程）
04-18
简单的购物车实现，android stuido 3.1 编译无错版。实现分类选取，自动显示选择结果
商品sku规格选择效果.html
03-25
类似淘宝，设定好颜色、尺码、款式后，有货的显式选择，没货的会显示为不可用不可选择。商品格式为 var sku_list = [ {'sku_key': '10额;20;30;40', 'id': 120, 'store_nums': 100, 'sell_price': '10.7'}, {'sku_key': '10额;21;30;40', 'id': 10, 'store_nums': 1540, 'sell_price': '45.7'}, {'sku_key': '10额;22;30;40', 'id': 28, 'store_nums': 150, 'sell_price': '72.7'}, {'sku_key': '10额;22;31;41', 'id': 220, 'store_nums': 1050, 'sell_price': '85.7'}, {'sku_key': '10额;22;32;40', 'id': 130, 'store_nums': 106, 'sell_price': '543.7'}, {'sku_key': '10额;22;32;41', 'id': 135, 'store_nums': 1530, 'sell_price': '324.7'}, {'sku_key': '11;23;32;41', 'num': 120, 'store_nums': 160, 'sell_price': '14.7'}, {'sku_key': '11;22;32;41', 'num': 120, 'store_nums': 160, 'sell_price': '14.7'}, ]; 此为代码段，需要进一步开发才能使用
Android商城App购物车规格联动选择Demo
03-15
这个Demo主要展示了如何实现用户在选择商品时，不同属性规格之间的联动效果，比如选择衣服的颜色和尺码时，颜色变化可能会影响尺码的可用性。下面将详细解释这一功能背后的技术要点。 首先，我们要理解规格联动的...
Android商城App购物车规格联动选择Demo.zip
06-21
- 为了保证购物车中商品的实时性，选择的规格应当立即更新到后台数据库或服务器。 - 使用`LiveData`或`RxJava`进行数据同步，确保UI实时响应数据变化。 6. **异常处理**： - 在处理用户选择时，应考虑各种边界...
Android实现四级联动地址选择器
01-20
本文实例为大家分享了Android实现四级联动地址选择器的具体代码，供大家参考，具体内容如下 效果如下： 代码传送阵： address_selector.xml <LinearLayout xmlns:android=...
Android中使用开源框架Citypickerview实现省市区三级联动选择
08-31
主要介绍了Android中使用开源框架Citypickerview实现省市区三级联动选择效果,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Android日期选择器实现年月日三级联动
08-28
在Android中，PopupWindow允许我们在主界面之外显示一个浮动视图。在`MainActivity`中，我们创建了一个名为`ChangeDatePopwindow`的类，它将包含日期选择器的逻辑和布局。 `activity_main.xml`是主布局文件，包含一...
android 仿淘宝、京东商品详情页 向上拖动查看图文详情控件
热门推荐
起风的清晨的博客
06-13 2万+
一些购物类app的商品详情页面因为要展示的内容较多，一般都把商品的详情分两屏展示，第一屏展示基本信息，接着往上拖动展示更多的商品介绍信息，本文介绍通过自定义控件实现类似淘宝、京东商品详情页面的向上拖动查看图文详情的效果。
类似淘宝商品的规格选择源码
Yanfengting的博客
04-03 1168
原文：http://chijianfeng.com/web/Vue/163.html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=devic
android:高仿京东商品属性筛选(流式布局)
Zheng
11-24 4962
筛选和属性选择是目前非常常用的功能模块；几乎所有的APP中都会使用； 点击筛选按钮会弹出一个自己封装好的popupWindow，实用方法非常简单；两行代码直接显示；（当然初始化数据除外） 这里和以前用到的流式布局有些不一样：流式布局 以前使用的是单个分类，而且也没有在项目中大量实用；这个筛选功能除了数据外几乎都是从项目中Copy出来的； 整个popupWindow布局就是一个自定义的Lis
sku规格设计I中规格及J中规格明细之间的联动
梦醒了该散了的博客
10-19 2791
最近在开发SKU这块,负责写接口,在规格联动这块卡住了许久,最后在大神的帮助下,终于写出来了.现在我在此给大家分享1.数据库设计   一个商品SPU对应多个SKUsku表设计sku表和规格的中间表规格表规格明细表2.前端要达到的效果3.思路在sku详情页面  点击规格进行切换，请求数据，插入的参数:当前的skuid ，3个规格明细id（此为选中的sku规格明细id）参数接收完毕后，做以下准备   ...
Android 商品详情页
Gorky_19的博客
12-20 4169
下面给大家展示一下商品详情页面，主要还是布局的展示，勿喷！ 先来看看效果图，是不是大家想要的效果： 接下来先发一下详情页的布局： <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto
使用vue实现多规格选择实例
this_ITBoy的博客
09-16 1万+
相信在做商城的时候，很多人都会遇到规格选择这一块功能。在我刚开始接触规格的时候，有点迷茫，不知该如何下手，因为要考虑到后端那边返回的数据结构、库存、多规格等等问题，所以当时是有点懵逼。然后仔细查找相关规格的资料，才弄清楚其中的逻辑。 贴一张之前写的规格界面图 在这里我说说自己写规格的逻辑， 1. 定义一个数组把选中的值存储起来。 2. 定义一个对象存储要匹配的数据。 3. 把选中的值与存...
Android两个列表实现联动
05-05
在 Android 中，可以使用 RecyclerView 和 ListView 来实现列表联动。下面分别介绍这两种方式的实现方法。 1. RecyclerView 实现列表联动 RecyclerView 是 Android 中比较新的列表控件，它提供了更加灵活的布局和样式定制方式。实现 RecyclerView 的列表联动，可以使用 RecyclerView 的滚动事件来监听列表的滚动位置，然后通过列表的滚动位置来计算联动列表中需要展示的内容。 具体实现步骤如下： 1）在布局文件中添加两个 RecyclerView 控件。 2）在代码中设置 RecyclerView 的 layoutManager，并为 RecyclerView 设置 Adapter。 3）为第一个 RecyclerView 添加滚动监听事件，监听其滚动位置。 4）在滚动监听事件中计算联动列表的滚动位置，并将其滚动到相应位置。 示例代码如下： ``` // 初始化 RecyclerView RecyclerView recyclerView1 = findViewById(R.id.recyclerView1); RecyclerView recyclerView2 = findViewById(R.id.recyclerView2); recyclerView1.setLayoutManager(new LinearLayoutManager(this)); recyclerView2.setLayoutManager(new LinearLayoutManager(this)); // 为 RecyclerView 设置 Adapter recyclerView1.setAdapter(adapter1); recyclerView2.setAdapter(adapter2); // 监听第一个 RecyclerView 的滚动事件 recyclerView1.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); // 计算联动列表的滚动位置 int firstVisibleItemPosition = ((LinearLayoutManager) recyclerView.getLayoutManager()).findFirstVisibleItemPosition(); recyclerView2.scrollToPosition(firstVisibleItemPosition); } }); ``` 2. ListView 实现列表联动 ListView 是 Android 中较早的列表控件，它的使用方式和 RecyclerView 有所不同。实现 ListView 的列表联动，需要通过 ListView 的滚动监听事件来监听列表的滚动位置，然后通过滚动位置来计算联动列表中需要展示的内容。 具体实现步骤如下： 1）在布局文件中添加两个 ListView 控件。 2）在代码中设置 ListView 的 Adapter。 3）为第一个 ListView 添加滚动监听事件，监听其滚动位置。 4）在滚动监听事件中计算联动列表的滚动位置，并将其滚动到相应位置。 示例代码如下： ``` // 初始化 ListView ListView listView1 = findViewById(R.id.listView1); ListView listView2 = findViewById(R.id.listView2); // 为 ListView 设置 Adapter listView1.setAdapter(adapter1); listView2.setAdapter(adapter2); // 监听第一个 ListView 的滚动事件 listView1.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { // do nothing } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // 计算联动列表的滚动位置 listView2.setSelection(firstVisibleItem); } }); ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值