android双联动列表,RecyclerView进阶(一)RecyclerView实现双列表联动

最新推荐文章于 2024-08-15 04:00:18 发布

coolgo666

最新推荐文章于 2024-08-15 04:00:18 发布

阅读量1.7k

点赞数

文章标签： android双联动列表

本文介绍了如何使用RecyclerView实现双列表联动，包括左侧列表点击改变右侧列表，右侧列表悬停保持顶部显示，以及标题栏可点击等效果。通过分析RecyclerView的滚动方法和自定义ItemDecoration，详细讲解了实现思路和关键代码。

摘要由CSDN通过智能技术生成

本篇文章已授权微信公众号 hongyangAndroid (鸿洋)独家发布

最近项目中需要实现一个分类页面

UI图

5864db231ed5

列表联动效果图

实现要求

左侧联动右侧：

点击左侧列表的某一项，背景变色，同时右侧列表中对应的分类滚动到顶部

右侧列表悬停：

右侧列表滑动的时候相应的标题栏需要在顶部悬停

标题栏可点击

右侧联动左侧：

滚动右侧列表，监听滚动的位置，左侧列表需要同步选中相应的列表

效果图

5864db231ed5

列表联动效果图

对照着上面的UI要求，基本上实现了所有的需求，下面分享一下实现的思路

左侧联动右侧

两侧都是Recyclerview，一开始以为就是调用一下Recyclerview的scrollToPostion滚动到具体的位置就好，但是实际上并非如此，因为Recyclerview的滚动方法有两种

scrollToPosition(int)

但是实际上调用的时候就比较坑爹，分为两种情况

从上往下滚动

如果是从上往下滚动的时候，发现每次达不到预期的效果，只能将需要滚动的item的显示出来而已，并不能滚动到顶部

从下滚动

这种情况是OK

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

coolgo666

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Android 进阶技术汇总一：个性化控件(View) 方案汇总

caobaokang的专栏

03-24

956

前言：个性化控件(View)：主要介绍那些不错个性化的View，包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar、TextView、ScrollView、TimeView、TipView、FlipView、ColorPickView、GraphView、UI Style等等。一、Lis...

Android高仿美团外卖双联动列表点菜页

09-15

android 实现仿美团点菜，美团外卖点菜效果上有一种根据右边列表滑动可以监听到左边分类信息的变化状态

参与评论您还未登录，请先登录后发表或查看评论

Android-Recyclerview实现列表联动

08-12

Recyclerview实现列表联动

Android RecyclerView2列

最新发布

weixin_37082168的博客

08-15

Android RecyclerView 两列布局教程 RecyclerView 是 Android 中用于显示大量数据的一种非常灵活且高效的组件。它相比于传统的 ListView 更加高效，并支持多种布局方式。在本篇文章中，我们将探索如何实现一个两列的 RecyclerView，使得我们的数据展示不仅美观而且实用。什么...

Android两条并排RecyclerView实时联动滑动增强

Zhang Phil

04-24

8018

Android两条并排RecyclerView实时联动滑动增强在附录1中，我初步实现了两条垂直摆放的RecyclerView的实时联动滚动，但是附录文章1的实现存在一定问题，比如当用户的手指同时在屏幕的两条RecyclerView区域内滑动，将发生异常。还有就是，比如在RecyclerView1正在滚动时候，用户又在RecyclerView2的区域内手指滑动，这样将触发循环嵌套滚动事件，引发错误，...

Android若干条并排RecyclerView滑动实时联动

Zhang Phil

04-13

3667

Android若干条并排RecyclerView滑动实时联动以水平方向并排排列的两条RecyclerView为例，实现一个简单的功能：这两个RecyclerView要实时联合滚动，即其中任意一个RecyclerView，将触发其余所有RecyclerView同时滚动相同。写布局： <LinearLayout xmlns:android="http://schemas.android.com/apk

笔记:Android二级联动---RecyclerView实现

qq_33302559的博客

08-13

1714

做笔记免得以后有重写一边或者忘了，仅供自己学习(只实现功能，无动画实现，左边没做可见处理，有空再做吧)： 1、左右两个RecyclerView， 2、左边RecyclerView点击某个item同时item改变背景颜色，右边RecyclerView置顶相对应的item 3、右边RecyclerView滑动，左边RecyclerView相对应的item被选中并且改变颜色 1、MainActivity.java中使用 package com.myapplication; import android.os.

Android用Recycleview实现二级联动

10-10

左侧联动右侧：点击左侧列表的某一项，背景变色，同时右侧列表中对应的分类滚动到顶部右侧列表悬停：右侧列表滑动的时候相应的标题栏需要在顶部悬停标题栏可点击右侧联动左侧：滚动右侧列表，监听滚动的位置，左侧列表需要同步选中相应的列表

Android-RecycleView的双向列表左右联动效果

maopihu2308的博客

08-12

3016

开篇有一个需求，需要做一个左右双向联动的列表。类似于饿了么点餐页面，但是远没有那么复杂，只是用于展示的一个页面。只用了两个RecycleView加适配器，没有调用Fragment。 MainActivity public class MainActivity extends Activity { private RecyclerView mR...

ScrollView+RecyclerView实现悬停导航栏

lyl0530的博客

10-06

955

一. 导航栏可以正常的滑动到顶部 ScrollView LinearLayout LinearLayout - banner : h1 LinearLayout - 导航栏 : h2 RecyclerView - content : h3 = 屏幕高度-(h1+h2) 1. RecyclerView的layout_height设置为match_parent或wrap_content，加载的ite...

左右两个recyclerView联动

12-21

左右两个recyclerView实现滑动上半屏幕时各自滑动各自的，滑动下班屏幕时两个一起滑动

RecyclerView双表联动

12-09

使用RecyclerView实现双表联动效果，点击左侧分类后右侧数据改变，滑动右侧列表时左侧分类跟随变动~ 如有不懂可在我该篇博客内留言，博客地址：https://blog.csdn.net/qq_20451879/article/details/81664188

RecyclerView三级联动

07-25

android 列表三级联动android 列表三级联动android 列表三级联动android 列表三级联动android 列表三级联动android 列表三级联动android 列表三级联动

Linkage-RecyclerView-即使不用饿了么订餐，也请务必收藏好该库！一行代码即可接入，二级联动订餐列表 - RecyclerView AndroidX.zip

09-23

联动 RecyclerView：即使不用饿了么订餐，也请务必收藏好该库！由来Linkage-RecyclerView 是一款基于 MVP 架构开发的二级联动列表控件。它是因 “RxJava 魔法师” 这个项目的需求而存在。在最初寻遍了 GitHub 也没有找到合适的开源库（高度解耦、可远程依赖）之后，我决心研究参考现有开源项目关于二级联动的逻辑，并自己动手编写一个高度解耦、轻松配置、可通过 maven 仓库远程依赖的真正的第三方库。Linkage-RecyclerView 的个性化配置十分简单，依托于 MVP 的 “配置解耦” 特性，使用者无需知道内部的实现细节，仅通过实现 Config 类即可完成功能的定制和扩展。此外，在不设置自定义配置的情况下，LinkageRecyclerView 最少只需一行代码即可运行起来。RxMagicEleme LinearEleme Grid目标Linkage-RecyclerView 的目标是：一行代码即可接入二级联动列表。除了一键接入而省去 99% 不必要的、复杂的、重复的工作外，你还可以从这个开源项目获得的内容包括：整洁的代码风格和标准的资源命名规范。MVP 架构在第三库中的最佳实践：使用者无需了解内部逻辑，通过实现接口即可轻松完成个性化配置。优秀的代码分层和封装思想，在不做任何个性化配置的情况下，一行代码即可接入。主体工程基于前沿的、遵循关注点分离的 JetPack MVVM 架构。AndroidX 和 Material Design 2 的全面使用。ConstraintLayout 约束布局的最佳实践。绝不使用 Dagger，绝不使用奇技淫巧、编写艰深晦涩的代码。如果你正在思考如何为项目挑选合适的架构的话，这个项目值得你参考！简单使用：1.在 build.gradle 中添加对该库的依赖。implementation 'com.kunminx.linkage:linkage-recyclerview:1.2.0'2.依据默认的联动实体类（DefaultLinkageItem）的结构准备一串 JSON。// DefaultLinkageItem.ItemInfo 包含三个字段： String title //二级选项的标题（必填） String group //二级选项所在分组的名称，要和对应的一级选项的标题相同（必填） String content //二级选项的内容（选填）[ { "header": "优惠", "isHeader": true }, { "isHeader": false, "t": { "content": "好吃的食物，增肥神器，有求必应", "group": "优惠", "title": "全家桶" } }, { "header": "热卖", "isHeader": true } ]3.在布局中引入 LinkageRecyclerView 。<?xml version="1.0" encoding="utf-8"?> 4.在代码中解析 JSON，最少只需一行代码即可完成初始化。List items = gson.fromJson(...); //一行代码完成初始化 linkage.init(items);个性化配置：该库为一级和二级 Adapter 分别准备了 Config 接口（ILevelPrimaryAdapterConfig 和 ILevelSecondaryAdapterConfig），自定义配置时，即是去实现这两个接口，来取代默认的配置。之所以设置成接口的形式，而非 Builder 的形式，是因为二级联动列表内部的联动

CoordinatorLayout 和 RecyclerView 的结合初探

在Android中，CoordinatorLayout是一个增强型的FrameLayout，它可以协调其子View之间的交互行为，实现复杂的动画效果和用户界面的交互。它通常与AppBarLayout、CollapsingToolbarLayout等组件结合使用，用于实现...

Android分享：Android侧滑原来可以这么优雅(1)

fghis的博客

04-22

259

最后对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。

RecyclerView联动

RedWolf-blog

10-10

404

应用场景 : 同一个界面多个RecyclerView 同时只会显示一个例如用RecyclerView当做TabLayout,某个悬浮,某个正常的情况 …不解释了(PS:能用到的就用到了)

2个RecyclerView 联动

小牧在一直在学习,在前进的道路上大家一起学习，进步。

11-26

783

看下效果图, 底部在给出demo地址如果想实现类似拼多多的商品联动也是可以的,修改方法即可下面看下实现方法几个参数需要知道 findFirstVisibleItemPosition 显示界面第一个position findLastVisibleItemPosition 显示界面最后一个position scrollToPositionWithOffset 跳转到指定位置 ...

Android开发：构建仿饿了么二级联动列表

在实现联动效果时，面向接口编程是一种重要的设计原则。通过定义接口，可以确保组件之间的解耦，提高代码的可扩展性和维护性。在本项目中，可能定义了如`ScrollableContainer`接口，使得`LinkedLayout`可以与任何...