Android recycler view的嵌套使用（以view pager2为例）||轮播图的使用

最新推荐文章于 2024-12-26 15:37:22 发布
原创 最新推荐文章于 2024-12-26 15:37:22 发布 · 842 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #java

本文介绍如何在Android的RecyclerView中嵌套使用ViewPager2来创建轮播图。首先，阐述了实现思路，即将轮播图视为RecyclerView的一个item。接着详细展示了示例，包括在RecyclerView adapter中设置ViewPager2的adapter，以及对应的XML布局。

Android recycler view的嵌套使用

1.实现思路

在recyclerview里嵌套一个轮播图，实质是将轮播图作为recycler view的一个item实现的
关于多item参考另一篇 多item链接
view pager2可以像recycler view一样设置adapter使用
在外层recyclerview里的adapter里的onBindViewHolder里设置adapter

2.示例

先上张效果
在这里插入图片描述

1.在recycler的adapter里

给view pager2设置adapter

 if (holder instanceof PagerHolder){
   
   

            List<News> news0=news.get(i).getList();
            pagerHolder=(PagerHolder)holder;


            viewPagerAdapter = new ViewPagerAdapter(context, news0);

            pagerHolder.viewPager2.setAdapter(viewPagerAdapter);
            viewPagerAdapter.notifyDataSetChanged();
      }

绑定viewpager2控件

 public class PagerHolder extends RecyclerView.ViewHolder {
   
   

        public ViewPager2 viewPager2;
        public RelativeLayout relativeLayout;
        public PagerHolder(@NonNull View itemView) {
   
   
            super(itemView);
            viewPager2=itemView.findViewById(R.id.viewPager);
            relativeLayout=itemView.findViewById(R.id.r_layout
最低0.47元/天 解锁文章
ViewPager2 简单使用
Chents
09-13 1739
1.viewpager2概念及特点 ViewPager2 是 ViewPager 库的改进版本，可提供增强型功能并解决使用 ViewPager 时遇到的一些常见问题。 1.1 ViewPager2 的优势 垂直方向支持 除了支持传统的水平分页之外，ViewPager2 还支持垂直分页。您可以通过设置 ViewPager2 元素的 android:orientation 属性为其启用垂直分页： <androidx.viewpager2.widget.ViewPager2 xmlns:
viewpager+recyclerview联动
WhuiQi的博客
03-08 1987
MainActivity package wanghuiqi.bawie.whq_scendweek_liandong; import android.os.Bundle; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.support...
Android-复杂界面实现RecyclerView嵌套ViewPagerRecyclerView多布局实现
08-12
复杂界面实现，RecyclerView 嵌套 ViewPager、RecyclerView，多布局实现
CoordinatorLayout + TabLayout + ViewPager2（里面再嵌套一个RecyclerView），RecyclerView的滑动冲突解决
oAiYinSiTan12的博客
06-29 8361
CoordinatorLayout + TabLayout + ViewPager2（里面再嵌套一个RecyclerView），RecyclerView的滑动冲突解决
Android学习笔记-3种基本布局(LinearLayout、RelativeLayout、FrameLayout)
u010186280的博客
10-12 348
控件与布局的关系 一个丰富的界面是由很多个控件组成的，那么我们如何才能让各个控件都有条不紊地摆放在界面上，而不是乱糟糟的呢？ 这就需要借助布局来实现了。布局是一种可用于放置很多控件的容器，它可以按照一定的规律调整内部控件的位置，从而编写出精美的界面。 当然，布局的内部除了放置控件外，也可以放置布局，通过多层布局的嵌套，我们就能够完成一些比较复杂的界面实现。 LinearLayout LinearLayout又称作线性布局，这个布局会将它所包含的控件在线性方向上依次排列。 <?xml version=
RecyclerView实现广告轮播图（一）
热门推荐
反魂蝶五分的博客
11-26 1万+
平时都是用RecyclerView实现列表，RecyclerView的强大毋庸置疑，今天就用它来实现广告轮播图。 　　 　　效果如下 　　首先，在activity_main.xml里定义布局 　　 <RelativeLayout ... android:layout_width="match_parent" android:layout_height
Android Studio 实现下拉列表刷新并嵌套轮播图（自动轮播+手动轮播+点击事件）
11-07
在Android开发中，创建一个具有下拉刷新功能的列表，并且在列表的每个项中嵌套一个可自动轮播和手动切换的轮播图，是一个常见的需求。这通常用于展示商品列表，每个商品都有自己的图片展示。在这个项目中，我们将...
嵌套滑动、吸顶效果实现（TabLayout / ViewPager2 / Fragment / RecyclerView）
YK
05-26 2176
view的事件分发可参考：事件分发 实现效果 吸顶、嵌套滑动的解决     上下滑动：当滑动下方的recyclerView的时候，先和上方的imageView一起滑动，等imageView完全滑动完再滑动recyclerView     左右滑动：实现tab的切换     吸顶：当imageView的滑动完后，tabLayout的一栏，紧贴最上方 部分代码逻辑 activity_ma.
Android笔记(四十)：ViewPager2嵌套RecyclerView滑动冲突进一步解决
ZBM来了
12-26 2491
ViewPager2内嵌套横向滑动的RecyclerView，会有滑动冲突的情况，引入官方提供的NestedScrollableHost类可以解决冲突问题，但是有一些瑕疵，滑动横向RecyclerView到顶部，按住它不放手继续往左拖再往右拖，这时候会发现外层ViewPager2滑动了，而不是横向RecyclerView滑动，于是参考NestedScrollableHost进行逻辑完善。RecyclerView也支持嵌套滑动。返回false，造成AppBarLayout没有执行scroll。
RecyclerView实现 垂直的Viewpager效果
元古宙新手的博客
10-12 518
这一段时间 抖音短视屏 比较火，我司要求模仿抖音 首页； 开干： 抖音首页是垂直的Viewpager效果,有兴趣的可以下载看看； 开始 我想到的也是 垂直的Viewpager， 遂，去GitHub找了个垂直的Viewpager； 发现不太好使； 后来发现 可以用RecyclerView配合SnapHelper做到； 不用第三方，不用自己写 mRecycl...
RecyclerView嵌套ViewPager实现淘宝搜狐主页广告轮播图
tasty
10-08 1530
RecyclerView嵌套ViewPager实现原理： RecyclerView嵌套ViewPager实际上就是RecyclerView复杂布局的实现，给其中一个item设置为ViewPager来实现广告轮播图。既然知道原理 那么我们实现起来也就非常的方便。使用SwipeRefreshLayout对其RecyclerView实现下拉刷新。 首先我们来看一下运行效果： ListV...
RecyclerView 通用Adapter添加头部、尾部 参考ListView的源码实现（二）
huch的博客
08-25 640
前面一篇RecyclerView 通用Adapter添加头部、尾部 参考ListView的源码实现（一）文章中的实现的RecyclerBaseAdapter是有一些缺陷的，它只适用于头部、尾部ItemViewType类型为仅为一种。 后面稍微改进了一下，允许多ItemViewType，但是需要开发者保证头部View、尾部View、正常View的ItemViewType不重复，实际开发中类型也不会...
解决垂直RecyclerView嵌套水平RecyclerView横向滑问题
tasty
10-19 2484
如下代码主要解决两个问题： 解决ViewPager嵌套垂直RecyclerView嵌套水平RecyclerView横向滑动到底后不滑动ViewPager 解决思路: 继承RecyclerView，重写dispatchTouchEvent，根据ACTION_MOVE的方向判断是否调用getParent().requestDisallowInterceptTouchEvent去阻止父view拦截...
Android之RecyclerView实现层叠布局
Android爬坑牛奶糖的博客
01-04 6616
关于层叠布局可能我描述的有点问题，实际上是前段时间有个小伙伴突然需求显示一种层叠效果并且数据的条数是不确定的，当时第一反应就想到了适配器，所以这里利用RecyclerView实现层叠布局效果如下图 废话不多说直接上代码 主Activity代码 public class Main7Activity extends AppCompatActivity { @Override pro...
android广3d轮播布局,用RecyclerView实现无限轮播图，有普通版和3d版
weixin_29476545的博客
05-26 792
RecyclerBanner介绍RecyclerBanner是一个利用RecycleView实现轮播图的自定义控件。属性属性名称方法意义类型默认值app:showIndicatorsetShowIndicator(boolean showIndicator)是否显示指示器booleantrueapp:intervalsetAutoPlayDuration(int autoPlayDuration)...
【安卓笔记】解决ViewPager2嵌套RecyclerView，上下滑动冲突
jiulang9的博客
09-14 4147
当ViewPager2嵌套RecyclerView上下滑动的事件会被RecyclerView分发下去到ViewPager2，所以会造成卡顿。所以重写RecyclerView的dispatchTouchEvent函数，拦截上下滑动事件就可以了 Java代码 // 用于标记滑动的坐标 private int downX= 0; private int downY= 0; @Override public boolean dispatchTouchEvent(MotionEve
安卓APP_ 布局（8) —— 基于 RecyclerView 的 ViewPager2翻页
华天朱
04-20 988
的
Android ViewPager2嵌套RecyclerView性能优化RecycledViewPool，kotlin
Zhang Phil
06-15 1545
ViewPager2和Fragment新的可见性及懒加载解决方案，旨在解决ViewPager（ViewPager2）只有当前Fragment唯一可见时候网络刷新或绘图。注意：过去的setUserVisibleHint()已被废弃，开发者不要再使用基于setUserVisibleHint()解决Fragment可见性和懒加载（或延迟加载）的场景。ViewPager2和Fragment可见性及懒加载解决方案_viewpager2 懒加载_zhangphil的博客-优快云博客。
安卓APP_ 布局（8) —— 基于 RecyclerView 的 ViewPager2翻页
zhuguanlin121的博客
05-01 1001
摘自：安卓APP_ 布局（8) —— 基于 RecyclerView 的 ViewPager2翻页 作者：丶PURSUING 发布时间： 2021-04-20 15:37:54 网址：https://blog.csdn.net/weixin_44742824/article/details/115803077 .
使用 RecyclerView 嵌套 ViewPager 展示商品分类页以及社区活动分类页
最新发布
05-02
### RecyclerView 嵌套 ViewPager 实现商品分类和社区活动分类页面 为了实现商品分类页和社区活动分类页的功能，可以通过 `RecyclerView` 嵌套 `ViewPager` 的方式来完成。以下是具体的实现方法： #### 页面结构设计 1. **外层 `RecyclerView`**: 负责展示多个分类项（如商品分类或社区活动分类），每个分类对应一个 `ViewPager`。 2. **内层 `ViewPager`**: 展示具体的内容页面，支持横向滑动切换。 --- #### 关键技术点 - 外层 `RecyclerView` 使用线性布局 (`LinearLayoutManager`) 来显示分类列表。 - 内层 `ViewPager` 结合 `FragmentStateAdapter` 或自定义的 `PagerAdapter` 来管理页面内容。 - 解决滑动冲突：通过重写 `onInterceptTouchEvent` 方法控制手势事件分发[^4]。 --- #### 示例代码 ##### 1. XML 布局文件 ```xml <androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <!-- Outer RecyclerView --> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view_outer" android:layout_width="0dp" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintTop_toTopOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintEnd_toEndOf="parent" /> </androidx.constraintlayout.widget.ConstraintLayout> ``` ##### 2. 外层 `RecyclerView.Adapter` ```java public class CategoryAdapter extends RecyclerView.Adapter<CategoryAdapter.CategoryViewHolder> { private List<String> categories; public CategoryAdapter(List<String> categories) { this.categories = categories; } @NonNull @Override public CategoryViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_category, parent, false); return new CategoryViewHolder(view); } @Override public void onBindViewHolder(@NonNull CategoryViewHolder holder, int position) { String category = categories.get(position); holder.bind(category); // 设置 ViewPager 数据源 setupViewPager(holder.viewPager, category); } @Override public int getItemCount() { return categories.size(); } static class CategoryViewHolder extends RecyclerView.ViewHolder { ViewPager viewPager; public CategoryViewHolder(View itemView) { super(itemView); viewPager = itemView.findViewById(R.id.view_pager_inner); } public void bind(String category) { ((TextView) itemView.findViewById(R.id.category_name)).setText(category); } } private void setupViewPager(ViewPager viewPager, String category) { PagerAdapter pagerAdapter = new PagerAdapter(item -> Log.d("Category", "Selected item: " + item)); pagerAdapter.setItems(getItemsForCategory(category)); // 获取当前分类的数据 viewPager.setAdapter(pagerAdapter); } private List<String> getItemsForCategory(String category) { switch (category.toLowerCase()) { case "electronics": return Arrays.asList("Laptop", "Smartphone", "Tablet"); case "clothing": return Arrays.asList("T-shirt", "Jeans", "Shoes"); default: return Collections.emptyList(); } } } ``` ##### 3. 内层 `PagerAdapter` ```java public class PagerAdapter extends RecyclerView.Adapter<PagerAdapter.PagerViewHolder> { private final Consumer<Object> onItemClick; private List<String> items; public PagerAdapter(Consumer<Object> onItemClick) { this.onItemClick = onItemClick; } public void setItems(List<String> items) { this.items = items; notifyDataSetChanged(); } @NonNull @Override public PagerViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_page, parent, false); return new PagerViewHolder(view); } @Override public void onBindViewHolder(@NonNull PagerViewHolder holder, int position) { String item = items.get(position); holder.textView.setText(item); holder.itemView.setOnClickListener(v -> onItemClick.accept(item)); } @Override public int getItemCount() { return items != null ? items.size() : 0; } static class PagerViewHolder extends RecyclerView.ViewHolder { TextView textView; public PagerViewHolder(View itemView) { super(itemView); textView = itemView.findViewById(R.id.text_item); } } } ``` ##### 4. 主 Activity 初始化 ```java public class MainActivity extends AppCompatActivity { private RecyclerView recyclerViewOuter; private CategoryAdapter categoryAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); recyclerViewOuter = findViewById(R.id.recycler_view_outer); LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerViewOuter.setLayoutManager(layoutManager); List<String> categories = Arrays.asList("Electronics", "Clothing", "Books"); categoryAdapter = new CategoryAdapter(categories); recyclerViewOuter.setAdapter(categoryAdapter); } } ``` --- #### 注意事项 1. **性能优化** - 使用 `RecyclerView` 替代传统的 `ListView` 或 `GridView` 可提高性能[^5]。 - 对于复杂的页面内容，建议使用 `FragmentStateAdapter` 管理生命周期[^1]。 2. **滑动冲突解决** - 如果存在嵌套滚动问题，可通过重写 `requestDisallowInterceptTouchEvent` 控制事件分发[^3]。 3. **状态保存** - 在配置更改时（如屏幕旋转），需手动保存并恢复 `RecyclerView` 和 `ViewPager` 的状态[^5]。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值