商城类APP的商品分类页面实现，使用RecyclerView结合GridLayout减少嵌套

已于 2023-07-02 15:11:11 修改
阅读量1.6k 收藏 4
点赞数
分类专栏： Android 文章标签： android
于 2019-06-26 14:04:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Silence1515/article/details/93735627
版权

 少啰嗦，先上图：

     

       这样的界面实现起来还是比较简单的，具体的实现业务逻辑，可根据自己项目的需求而定。

       在本例的实现中，左边和右边分别是两个RecyclerView，左边的RecyclerView在点击的时候，保证被点击的行滑动到列表的中间位置；

       右边的RecyclerView根据不同的数据加载不同的样式，同时结合GridLayout减少了item的嵌套；

       当左边的列表点击后，修改右边的列表的适配器数据，重新刷新就可以了。

GitHub地址

由于作者水平有限，语言描述及代码实现中难免有纰漏，望各位看官多提宝贵意见！

Hello , World !

感谢所有！

windfallsheng
关注
专栏目录
HarmonyOS实现商品分类导航页面
qinshi501的博客
08-04 73
分类导航采用左右结构布局，我们这里简单展示一级分类，以及该分类下的商品信息。左侧显示商品的一级分类，右侧显示显示该分类的商品。默认从首页进入该分类页面时，显示第一个分类的商品，切换一级分类时，传入分类参数，清空右侧商品，重新调用接口显示当前分类的商品，展示在右侧页面。1:主要组件：List：列表显示组件Grid：Grid组件显示几行几列布局效果。
Android实现类似京东商品分类效果(RecyclerView+fragment)
龙旋的博客
05-16 4409
最近做项目需求的时候，需要实现类似京东的商品分类。网上看了很多都是通过listview+fragment实现，个人比较习惯使用RecyclerView，所以就通过RecyclerView+fragment实现了该需求，记录一下。 1、效果图 选中状态可以根据需求进行设置 2、Demo目录结构 3、主程序MainActivity(MainActivity) public class MainAc...
转载: Android 实现左侧列表右侧商品详情的（ListView + Fragment）
wanganzhi123的博客
11-05 3877
转载自：https://blog.csdn.net/waqdon/article/details/42171409?utm_source=blogxgwz5 感谢博主分享！   主Activity代码MainActivity.java /**  *   * @author qdwang  *  */ public class MainActivity extends FragmentAc...
[QT_046]Qt学习之网格布局器（QGridLayout）
kongcheng253的博客
01-28 7088
Qt学习之网格布局器（QGridLayout）
java布局设计FlowLayout、BorderLayout、CardLayout、GridLayout、BoxLayout及null布局
winds_tide的博客
06-15 1736
public static class WindowFlow extends JFrame{ JButton b[]; public WindowFlow(String s){ //设置窗口标题 setTitle(s); b = new JButton[20]; //创建一个居中对齐的布局对象 FlowLayout flow =new FlowLay...
Android Recyclerview实现水平分页GridView效果示例
01-04
实现这个效果还是很容易，但是实际中问题时，当前模块是Recyclerview中某一个Holder，为了性能，肯定尽量使用Recyclerview去复用View，而且ViewPager并不能复用，所以考虑之后，还是要用Recyclerview去实现。...
Android 资讯类APP首页实现多个频道fragment并排，及频道管理
06-03
"Android 资讯类APP首页实现多个频道fragment并排，及频道管理"这个主题涵盖了Android UI设计、Fragment管理和数据加载等多个关键知识点。 1. **Fragment概念与使用**：Fragment是Android系统提供的一种组件，可以...
【Android】【移动应用开发】基础案列
我的的博客哦
03-27 6710
⚪页面布局代码如下： 动态向左移动⚪页面布局代码如下： ⚪Java代码如下： ⚪页面布局代码如下： ⚪Java代码如下： ⚪页面布局代码如下： ⚪页面布局代码如下： 新建低部布局文件bottom.xml 新建主界面布局文件main_layout.xml 添加三个布局文件用于在主界面的FrameLayout位置动态显示内容 1）布局文件 2）Java代码 底部有几个按钮，就创建几个【同上】类似的就可了；⚪主界面Java代码如下(MainActivity.java)： ⚪页面布局代码如下：
一层RecyclerView实现list RecyclerView嵌套grid RecyclerView
XL
09-30 1743
有需求的可以看看前言准备工作具体实现感谢 前言 还是先上图看下效果，不符要求或者不感兴趣的老哥就可以省个时间去做其他事了。 效果图： 准备工作 首先我们分析这个图，我们可以把张图分为三种类型的item，分别是头部带标题的一栏，中间内容，和尾部空白填充。 我们要对数据做处理 利用RecyclerView的多布局 GridLayoutManager的setSpanSizeLookup()方法 ...
Android开发，使用RecyclerView实现商品列表
最新发布
商城app+新闻app+备忘录记事本app视频教程在某站【浩宇软件开发】
10-16 3081
【代码】Android开发，使用RecyclerView实现商品列表。
uniapp 商品分类页面，左侧导航，右侧商品
maoge_666的博客
04-04 1131
uniapp 商品分类页面，左侧导航，右侧商品
解锁Android高阶技能，探秘实战Jetpack＜十＞-------架构首页分类模块2
webor2006的博客
08-27 134
基于HIAbsListFragment快速构建商品列表页： 概述： 接下来则来完成商品列表页的开发，它的跳转入口有很多，如Banner、分类等，先来看一下它的效果： 有木有发现这个列表界面跟咱们之前解锁Android高阶技能，探秘实战Jetpack<九>-------架构首页模块2实现首页的商品列表界面一样，完全可以基于之前的GoodsItem进行列表项的构建： 并且对于列表的功能抽取了通用的基类： 所以实现这样的列表功能真的是相当的简单了。 Coding： 准备Act
【移动应用开发】实验3Fragment
Venlln的博客
02-28 2398
一、实验目的 熟练掌握基于Fragment的Android APP的界面实现技术。 二、实验内容 在实验2实现的APP的基础上，使用Fragment使得APP能够根据不同分辨率的设备自动呈现单屏或双屏模式。 三、实验要求 1.实现上述的基本功能要求。在此基础上，可以进一步优化界面，也可以进一步添加其他功能。 2.实验报告提交内容： 1）结合系统界面（截图）介绍APP功能； 2）核心实现代码（Java或Kotlin代码）和布局文件等。 四、APP功能 一、动态加载布局，根据分辨率调整布局。平板为双页模式，在左
android开发：使用ListView控件开发王者皮肤购物车APP流程
qq_45909718的博客
05-08 215
使用ListView开发出模拟商品选购界面，共包含8个皮肤商品，皮肤图片已经自备，每一行左侧显示图片，右侧显示皮肤具体信息，从上到下依次为名字，品质，价格（设置为红色字体），好评度，单页屏幕显示不全，能够拖动显示余下项，点击主页面的任何一个商品，将跳转到新的页面，新的页面中显示皮肤商品图片。
Android商城开发----点击左侧分类列表右侧更新对应列表内容
Qingshan_z的博客
11-16 2727
实现点击左侧分类，更新右侧的商品列表。主要用了EventBus！ 布局文件在文章最下面！
android 左列表右详情,转载: Android 实现左侧列表右侧商品详情的（ListView + Fragment）...
weixin_31156651的博客
05-31 758
转载自：https://blog.csdn.net/waqdon/article/details/42171409?utm_source=blogxgwz5感谢博主分享！主Activity代码MainActivity.java/**** @author qdwang**/public class MainActivity extends FragmentActivity implementsOnI...
Android RecyclerView 实现ListView GridView混排
不死就继续
10-19 2684
1、Adapter中定义不同Item类型，复写getItemViewType方法 2、在onCreateViewHolder中根据viewType返回不同的ViewHolder 3、onBindViewHolder根据不同ViewHolder渲染内容 4、Activity中定义GridLayoutManager 5、复写GridLayoutManager.setSpanSizeLookup。
Android 4.0以上：使用GridLayout打造高效网格计算器
"使用GridLayout在Android中制作计算器App的实践与详解" 在Android开发中，创建用户界面是一项重要的任务，尤其在制作如计算器这样的App时，布局的选择至关重要。本篇文章将聚焦于如何使用GridLayout来实现一个简单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

windfallsheng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值