配合BaseRecyclerViewAdapterHelper，实现悬浮吸顶

最新推荐文章于 2024-03-19 09:38:57 发布
最新推荐文章于 2024-03-19 09:38:57 发布
阅读量4.9k 收藏 3
点赞数 2
文章标签： RecyclerView 悬浮吸顶
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30878303/article/details/79279519
版权

版权声明：本文为博主原创文章，未经博主允许不得转载。

转载请标明出处：http://blog.csdn.net/qq_30878303/article/details/79279519

虽然文采不好，但还是尽量尝试着写博客，一方面锻炼自己的写作能力，另一方面希望能帮到一些人。

本文是项目中抽离出来的，没有Demo见谅，基于陈宇明大佬的BaseRecyclerViewAdapterHelper，顺便贴下大佬的项目地址：https://github.com/CymChad/BaseRecyclerViewAdapterHelper

一、效果图：

demo

虽然效果有点生硬，但是好歹是实现了效果。

二、代码实现

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.text.TextUtils;
import android.util.TypedValue;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.tengdi.investigate.R;

import java.util.List;

import tengdi.agile.framework.base.BaseActivity;
import tengdi.agile.framework.core.util.Icon;
import tengdi.agile.framework.weui.adapterhelper.entity.MultiItemEntity;

/**
 * Created on 2017/11/14  17:41.
 *
 * @author yb
 */

public class ItemHeaderDecoration extends RecyclerView.ItemDecoration {

    private Context mContext;
    private List<MultiItemEntity> mList;
    public static String currentTag = "0";
    private LayoutInflater mLayoutInflater;
    private int mTitleHight = 50;
    private int mTitleTextSize = 20;

    public ItemHeaderDecoration(Context context, List<MultiItemEntity> dataList) {
        super();
        this.mContext = context;
        this.mList = dataList;
        mTitleHight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 50, context.getResources().getDisplayMetrics());
        // mTitleTextSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 20, context.getResources().getDisplayMetrics());
        this.mLayoutInflater = LayoutInflater.from(mContext);
    }

    public static void setCurrentTag(String tag) {
        ItemHeaderDecoration.currentTag = tag;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
        //获取到视图中第一个可见的item的position
        try {
            int position = ((LinearLayoutManager) parent.getLayoutManager()).findFirstVisibleItemPosition();
            String tag = ((MultiItemEntity) mList.get(position)).getTag();
            View child = parent.findViewHolderForLayoutPosition(position).itemView;
            boolean flag = false;
            if (TextUtils.isEmpty(tag)) {
                while (TextUtils.isEmpty(tag) && position >= 0) {
                    tag = mList.get(position--).getTag();
                }
                setTopTitle(c, parent, tag, flag);
                return;
            }

            if ((position + 1) < mList.size()) {
                String suspensionTag = ((MultiItemEntity) mList.get(position + 1)).getTag();
                while (TextUtils.isEmpty(suspensionTag) && position < mList.size()) {
                    suspensionTag = ((MultiItemEntity) mList.get(position++)).getTag();
                }
                if (null != tag && !tag.equals(suspensionTag)) {
                    if (child.getHeight() + child.getTop() < mTitleHight) {
                        c.save();
                        flag = true;
                        c.translate(0, child.getHeight() + child.getTop() - mTitleHight);
                    }
                }
            }

            setTopTitle(c, parent, tag, flag);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private void setTopTitle(Canvas c, RecyclerView parent, String tag, boolean flag) {
        try {
            View topTitleView = mLayoutInflater.inflate(R.layout.issue_title_item, parent, false);
            TextView tvTitle = (TextView) topTitleView.findViewById(R.id.tv_item_title);
            TextView tvArrow = (TextView) topTitleView.findViewById(R.id.tv_arrow);
            tvTitle.setText(tag);
            tvArrow.setText(Icon.ICON_MAP.get("angleup"));
            tvArrow.setTypeface(((BaseActivity) mContext).iconfont);
            int toDrawWidthSpec;//用于测量的widthMeasureSpec
            int toDrawHeightSpec;//用于测量的heightMeasureSpec
            RecyclerView.LayoutParams lp = (RecyclerView.LayoutParams) topTitleView.getLayoutParams();
            if (lp == null) {
                lp = new RecyclerView.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);//这里是根据复杂布局layout的width height，new一个Lp
                topTitleView.setLayoutParams(lp);
            }
            topTitleView.setLayoutParams(lp);
            if (lp.width == ViewGroup.LayoutParams.MATCH_PARENT) {
                //如果是MATCH_PARENT，则用父控件能分配的最大宽度和EXACTLY构建MeasureSpec。
                toDrawWidthSpec = View.MeasureSpec.makeMeasureSpec(parent.getWidth() - parent.getPaddingLeft() - parent.getPaddingRight(), View.MeasureSpec.EXACTLY);
            } else if (lp.width == ViewGroup.LayoutParams.WRAP_CONTENT) {
                //如果是WRAP_CONTENT，则用父控件能分配的最大宽度和AT_MOST构建MeasureSpec。
                toDrawWidthSpec = View.MeasureSpec.makeMeasureSpec(parent.getWidth() - parent.getPaddingLeft() - parent.getPaddingRight(), View.MeasureSpec.AT_MOST);
            } else {
                //否则则是具体的宽度数值，则用这个宽度和EXACTLY构建MeasureSpec。
                toDrawWidthSpec = View.MeasureSpec.makeMeasureSpec(lp.width, View.MeasureSpec.EXACTLY);
            }
            //高度同理
            if (lp.height == ViewGroup.LayoutParams.MATCH_PARENT) {
                toDrawHeightSpec = View.MeasureSpec.makeMeasureSpec(parent.getHeight() - parent.getPaddingTop() - parent.getPaddingBottom(), View.MeasureSpec.EXACTLY);
            } else if (lp.height == ViewGroup.LayoutParams.WRAP_CONTENT) {
                toDrawHeightSpec = View.MeasureSpec.makeMeasureSpec(parent.getHeight() - parent.getPaddingTop() - parent.getPaddingBottom(), View.MeasureSpec.AT_MOST);
            } else {
                toDrawHeightSpec = View.MeasureSpec.makeMeasureSpec(mTitleHight, View.MeasureSpec.EXACTLY);
            }
            //依次调用 measure,layout,draw方法，将复杂头部显示在屏幕上。
            topTitleView.measure(toDrawWidthSpec, toDrawHeightSpec);
            topTitleView.layout(parent.getPaddingLeft(), parent.getPaddingTop(), parent.getPaddingLeft() + topTitleView.getMeasuredWidth(), parent.getPaddingTop() + topTitleView.getMeasuredHeight());
            topTitleView.draw(c);//Canvas默认在视图顶部，无需平移，直接绘制
            if (flag)
                c.restore();//恢复画布到之前保存的状态
            if (!TextUtils.equals(tag, currentTag)) {
                currentTag = tag;
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

}
代码中有关IconFont的可以看我另一篇博客：http://blog.csdn.net/qq_30878303/article/details/78296239


三、使用

//调用这句就够了 
rv.addItemDecoration(new ItemHeaderDecoration(mContext, list)); 

 

  •  
  
    • 如有更好的实现效果请赐教；
    • 如有觉得讲解的不明白的刚好用到BaseRecyclerViewAdapterHelper的可以联系我
     
 

 

 


                

        

        

    




    

      

        

            

              
                
                  wardenlzr
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    2
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    3
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  2
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Android-基于BaseRecyclerViewAdapterHelper实现的RecyclerviewDataBindingLibrary

				
			

			

				

					08-12
				

			

		

		

			
				
基于BaseRecyclerViewAdapterHelper实现的Recyclerview DataBinding Library，更改数据自动反馈到Recyclerview上。


			
		

	



                

              
                



	

		

			

				
					
快速打造 RecyclerView 悬浮吸顶效果

				
			

			

				

					温利东 的博客
				

				

					06-20
					
					4562
					
				

			

		

		

			
				
MultiType-Adapter打造悬浮吸顶效果配合RecyclerView快速打造一款 展示UI 悬浮吸顶效果，如 通讯录效果，时光轴效果等等，且支持触摸事件。
通讯录、qq 分组、时光轴效果。 统统快速搞定

			
		

	



                


  
              

                


	

		

			

				
					
推荐项目：BaseRecyclerViewAdapterHelper - 简化Android RecyclerView适配器开发

				
			

			

				

					gitblog_00099的博客
				

				

					03-19
					
					418
					
				

			

		

		

			
				
推荐项目：BaseRecyclerViewAdapterHelper - 简化Android RecyclerView适配器开发
项目地址:https://gitcode.com/CymChad/BaseRecyclerViewAdapterHelper
在移动应用开发中，尤其是Android平台上，RecyclerView已成为展示复杂数据列表的标准组件。然而，其自定义和管理适配器的过程可能会变...

			
		

	





	

		

			

				
					
Android RecyclerView实现悬浮吸顶、分隔线、到底提示效果

				
			

			

				

					08-25
				

			

		

		

			
				
主要介绍了Android RecyclerView实现悬浮吸顶、分隔线、到底提示效果,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

			
		

	



		

			
		



	

		

			

				
					
BaseRecyclerViewAdapterHelper的多级嵌套的demo

				
			

			

				

					09-18
				

			

		

		

			
				
基于BaseRecyclerViewAdapterHelper依赖库,实现多层recyclerView嵌套,简单易用,不需要多个recyclerView嵌套使用,只需要继承BaseMultiItemQuickAdapter,实现一个recyclerView写多层嵌套

			
		

	





	

		

			

				
					
android中RecyclerView悬浮吸顶效果

				
			

			

				

					01-03
				

			

		

		

			
				
MultiType-Adapter打造悬浮吸顶效果
注：当前版本只适合配合RecyclerView快速打造一款 展示UI 悬浮吸顶效果，如 通讯录效果，由于实现机制的原因，暂时不支持触摸事件。
MultiType-Adapter介绍地址：MultiType-Adapter

是一款轻量级支持多数据类型的 RecyclerView 适配器; 使用简单，完全解耦;
悬浮吸顶效果





```groovy
// root build.gradle
repositories {
  jcenter()
  maven { url https://www.jitpack.io }
}
// yo

			
		

	





	

		

			

				
					
强大的BaseRecyclerViewAdapterHelper使用

					
热门推荐

				
			

			

				

					程序病毒小队的博客
				

				

					02-09
					
					4万+
					
				

			

		

		

			
				
介绍 
相信大家RecyclerView应该不会陌生,大多数开发者应该都使用上它了，它也是google推荐替换ListView的控件，但是用过它的同学应该都知道它在某些方面并没有ListView使用起来方便，需要我们额外的编写代码，今天就给大家介绍一个开源库BaseRecyclerViewAdapterHelper，有了它让你使用RecyclerView的时候，和ListView一样的好用！ 
那么

			
		

	





	

		

			

				
					
Android实现recyclerview吸顶功能

				
			

			

				

					weixin_42091210的博客
				

				

					08-01
					
					1874
					
				

			

		

		

			
				
最近在做需求的时候遇到了这样的一个问题，需要完成一个recyclerview的吸顶效果的功能，一开始的提供的方案是，去监听需要进行吸顶吸顶功能的位置，然后根据这个具体的位置的信息来判断是否进行吸顶效果的逻辑。总感觉这样实现有点问题，感觉有点不太好实现，于是去看了好多别人的实现，感觉和自己的需求不太满足。找了一上午没有确定下来最终的方案，于是到了中午去吃饭回来的做电梯回工位的时候，突然有了思路。先大概的说一下这个思路吧，实现吸顶效果无非就是两个view交替的显示，在显示的时候另一个隐藏的效果。废话不多说...

			
		

	





	

		

			

				
					
android kotlin CollapsingToolbarLayout+RecyclerView折叠+BaseRecyclerViewAdapterHelper

				
			

			

				

					u013519290的博客
				

				

					03-19
					
					1844
					
				

			

		

		

			
				
android CollapsingToolbarLayout+RecyclerView折叠+BaseRecyclerViewAdapterHelper


<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="ht

			
		

	





	

		

			

				
					
BaseRecyclerViewAdapterHelper的测试使用

				
			

			

				

					06-29
				

			

		

		

			
				
BaseRecyclerViewAdapterHelper的测试使用，数据未封装起来。比Github上的更加易懂~

			
		

	





	

		

			

				
					
BaseRecyclerViewAdapterHelper源码解读(五) header和footer完善

				
			

			

				

					潇风寒月
				

				

					10-23
					
					2561
					
				

			

		

		

			
				
关于header和footer的完善
  之前的源码阅读,添加header和footer,但是那个还不够完美,只能是在LinearLayoutManager时使用,在GridLayoutManager中使用会像普通item那样只占一个格子.
此篇文章为BaseRecyclerViewAdapterHelper源码解读第五篇,开源库地址,如果没有看过之前4篇文章的同学可以先去看看,大神可直接跳过.Ba

			
		

	





	

		

			

				
					
RecyclerVIew实现悬浮吸顶效果

				
			

			

				

					08-29
				

			

		

		

			
				
主要为大家详细介绍了RecyclerVIew实现悬浮吸顶效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

			
		

	





	

		

			

				
					
实现悬浮吸顶实现悬浮吸顶实现悬浮吸顶

				
			

			

				

					09-04
				

			

		

		

			
				
使用RecyclerView实现悬浮吸顶功能；
使用RecyclerView实现悬浮吸顶功能；
使用RecyclerView实现悬浮吸顶功能。

			
		

	





	

		

			

				
					
Elasticsearch初识与简单案例.pdf

				
			

			

				

					04-29
				

			

		

		

			
				
Elasticsearch是一个基于Lucene的分布式全文搜索引擎，提供灵活且高效的搜索和分析功能。通过HTTP请求和客户端库，用户可以索引和搜索文档，执行复杂查询，进行数据分析，并享受高亮显示等特性。其高级功能如复合查询、聚合分析、滚动搜索等，使其适用于各种数据处理和分析场景。Elasticsearch还具有强大的监控和日志功能，确保集群稳定运行。总之，Elasticsearch是企业级搜索和分析的理想选择。

			
		

	





	

		

			

				
					
Python基于LSTM模型对全国的空气质量数据进行可视化分析预测源代码

					
最新发布

				
			

			

				

					04-29
				

			

		

		

			
				
介绍
对全国2019年1月至2023年12月的空气质量数据进行分析，绘制时间序列图，展示每月/每季度的平均AQI变化趋势。绘制不同省份和城市的平均AQI热力图。分析不同污染物的浓度分布和趋势。绘制空气质量等级分布图。
需求说明
对空气质量数据进行数据分析，并使用LSTM模型进行预测。
安装教程
    pip install jupyter
    pip install numpy pandas matplotlib seaborn
使用说明
    在项目路径下打开终端输入jupyter notebook就行


			
		

	





	

		

			

				
					
百问网linux桌面GUI，基于LVGL 8.x。.zip

				
			

			

				

					04-29
				

			

		

		

			
				
百问网linux桌面GUI，基于LVGL 8.x。

			
		

	





	

		

			

				
					
基于Vue开发的XMall商城前台页面 PC端.zip

				
			

			

				

					04-29
				

			

		

		

			
				
基于Vue开发的XMall商城前台页面 PC端.zip

			
		

	





	

		

			

				
					
2019年中国民航大学电子设计竞赛E题-自动导航运输车

				
			

			

				

					04-29
				

			

		

		

			
				
2019年中国民航大学电子设计竞赛E题-自动导航运输车

全国大学生电子设计竞赛（National Undergraduate Electronics Design Contest），试题，解决方案及源码。计划或参加电赛的同学可以用来学习提升和参考

			
		

	





	

		

			

				
					
android 实现RecyclerView悬浮吸顶效果

				
			

			

				

					08-10
				

			

		

		

			
				
要实现RecyclerView悬浮吸顶效果，可以使用以下步骤：

1. 创建一个布局文件，包含两个部分：一个用于悬浮显示的视图，一个用于RecyclerView。

2. 在Activity或Fragment中，找到RecyclerView并设置布局管理器和适配器。

3. 创建一个自定义的RecyclerView.ItemDecoration类，用于绘制悬浮视图。

4. 在自定义的ItemDecoration类中，重写getItemOffsets()方法，在该方法中计算悬浮视图的高度，并将其应用到RecyclerView的第一个可见项之上。

5. 在自定义的ItemDecoration类中，重写onDraw()方法，在该方法中绘制悬浮视图。

6. 在Activity或Fragment中，为RecyclerView添加ItemDecoration。

下面是一个简单的示例代码：

1. 创建布局文件（例如：activity_main.xml）：

```xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/floating_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Floating View"
        android:background="#FF0000"
        android:textColor="#FFFFFF"
        android:padding="16dp"
        android:visibility="gone" />

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/floating_view" />

</RelativeLayout>
```

2. 在Activity或Fragment中，设置RecyclerView的布局管理器和适配器：

```java
// 找到RecyclerView
RecyclerView recyclerView = findViewById(R.id.recyclerview);

// 设置布局管理器
recyclerView.setLayoutManager(new LinearLayoutManager(this));

// 设置适配器
recyclerView.setAdapter(adapter);
```

3. 创建一个自定义的ItemDecoration类（例如：FloatingHeaderDecoration.java）：

```java
public class FloatingHeaderDecoration extends RecyclerView.ItemDecoration {
    private View mFloatingView;

    public FloatingHeaderDecoration(View floatingView) {
        mFloatingView = floatingView;
    }

    @Override
    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);

        if (parent.getChildAdapterPosition(view) == 0) {
            outRect.top = mFloatingView.getHeight();
        }
    }

    @Override
    public void onDraw(@NonNull Canvas canvas, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        super.onDraw(canvas, parent, state);

        int top = parent.getPaddingTop();
        int bottom = top + mFloatingView.getHeight();
        int left = parent.getPaddingLeft();
        int right = parent.getWidth() - parent.getPaddingRight();

        mFloatingView.setVisibility(View.VISIBLE);
        mFloatingView.layout(left, top, right, bottom);
        mFloatingView.draw(canvas);
    }
}
```

4. 在Activity或Fragment中，为RecyclerView添加ItemDecoration：

```java
// 找到悬浮视图
View floatingView = findViewById(R.id.floating_view);

// 创建自定义的ItemDecoration并添加到RecyclerView
recyclerView.addItemDecoration(new FloatingHeaderDecoration(floatingView));
```

这样就实现了RecyclerView的悬浮吸顶效果。悬浮视图会在滚动时始终保持在顶部，并且不会被其他项覆盖。

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值