RecyclerView实现吸顶效果项目实战（一）：自定义ItemDecoration与LayoutManager

最新推荐文章于 2024-06-17 22:11:41 发布
最新推荐文章于 2024-06-17 22:11:41 发布
阅读量284 收藏 1
点赞数 1
分类专栏： android 文章标签： python android 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bugmiao/article/details/111935733
版权
一、实现LinearLayoutManager下的ItemDecoration的自定义核心就是重写Itemdecoration下的 getItemOffsets方法和onDraw方法1、getItemOffsets方法主要控制itemview的边距代码实现如下@Overridevoid getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {LinearLayoutManag
摘要由CSDN通过智能技术生成

一、实现LinearLayoutManager下的ItemDecoration的自定义

核心就是重写Itemdecoration下的 getItemOffsets方法和onDraw方法

1、getItemOffsets方法主要控制itemview的边距代码实现如下

@Override

void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {

LinearLayoutManager linearLayoutManager = (LinearLayoutManager) parent.getLayoutManager();

  if (linearLayoutManager.getOrientation() == LinearLayoutManager.VERTICAL) {

if (parent.getChildAdapterPosition(view) !=0) {

outRect.top =topBottom;

    }

outRect.left =leftRight;

  }else {

if (parent.getChildAdapterPosition(view) !=0) {

outRect.left =leftRight;

    }

outRect.top =topBottom;

  }

}

2、onDraw方法负责在空白区域绘制（该方法绘制的内容在itemview的下方 注意避免过度绘制）代码实现如下

@Override

void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {

int lef
最低0.47元/天 解锁文章
斯音
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android kotlin实现Recyclerview酷炫动画
安卓兼职framework和app工程师的博客
04-18 775
在现在进行app开发中 针对app的UI 美观效果要求越来越高了 所以开发出一款酷炫的app相当重要了 今天就对RecyclerView来实现酷炫动画 首先在Android studio中 的项目中 res目录 建立anim的文件夹 来定义动画 item的动画/res/anim/recyclerview_anim_fall_down <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration=
Kotlin实现Android RecyclerView炫酷动画！
zwluoyuxi的专栏
11-25 5971
用Kotlin实现Android RecyclerView炫酷动画！
Android RecyclerView 实现滑动吸顶效果
最新发布
牛肉胡辣汤
06-17 639
在上述代码中，我们为RecyclerView添加了一个滚动监听器，在滚动过程中获取第一个可见项的位置，并通过适配器的方法获取该位置的标题，然后将该标题设置给悬浮标题视图。而滑动吸顶效果是一种常见的UI交互体验，在列表滑动过程中，某个列表项可以固定在顶部，保持可见性，从而提供更好的用户体验。通过以上代码，在滑动新闻列表时，根据新闻发布时间的不同，首个具有相同发布时间的新闻标题会固定在顶部，并具有悬浮效果，使用户在浏览新闻的同时能够方便地查看当前新闻所属的时间段。在适配器中，我们可以根据需要实现滑动吸顶效果。
Android RecyclerView 之 吸顶效果
X_sunmmer的博客
08-31 1572
青山不改，绿水长流 有缘江湖再见 ~
android联系人吸顶效果可点击,酷炫吸顶效果二：ByRecyclerView如何实现的酷炫吸顶效果...
weixin_35727143的博客
05-27 239
1.先看效果2.首先，我是使用ByRecyclerView，因此必须要在项目build.gradle文件中引入包implementation 'com.github.youlookwhat:ByRecyclerView:1.0.11-support'复制代码3.xml布局文件其实是很简单的引入控件因为首页的滑动都是动态加载的，因此我使用了ByRecyclerView的多布局，通过在适配器中通过ge...
Reclcerview的点击事件
ychuans的博客
11-11 886
RecyclerView的点击事件一般在其对应的adpater类中完成，通过添加接口去调用，在activity中或者fragment中通过对adpater中的接口实例化并重写接口中的函数，通过构造函数传入adpater类中，当点击RecyclerView中的一项内容时通过这个实例的接口去调用activity或fragment中的重写函数。3.在对应的activity或fragment（onCreatView方法中）中实例化接口，点击后可以跳转到以一个activity。以以前的微信消息界面的内容为例。
RecyclerView使用指南—— 实现吸顶效果
gqg_guan的博客
08-10 234
RecyclerView 吸顶效果
实现RecyclerView点击事件的探索
qq_40731414的博客
08-18 967
RecyclerView是一个官方介绍RecyclerView为在有限的窗口展现大量数据的控件。拥有类似功能的控件有ListView、GridView的控件，是support:recyclerview-v7中提供的控件。 RecyclerView的使用就不说了，说说RecyclerView中的item的点击事件怎么搞？ 做法是在适配器中实现，并封装方法暴露给外部调用 1.新建一个接口，用接口...
如何应对Android面试官-＞我用RecyclerView实现了吸顶效果
IT_Android的博客
01-15 1007
大厂面试官带你深度理解 RecyclerView 的 ItemDecoration，深度定制 ItemDecoration 实现吸顶效果，轻松玩转RecyclerView，应对 Android 面试官连环炮
Android RecyclerView 吸顶效果(一)
danfengw的博客
11-05 2788
实现效果: 实现方案介绍 recyclerView实现吸顶效果有2种方案: 方案1: 通过ItemDecoration 并重写对应的getItemOffsets()、onDraw()、onDrawOver()方法 方案2: 通过xml布局,并设置RecyclerView的scrollListener的监听的方式 简单讲下2种方式优缺点: 方案1: 优点:封装性好,使用友好,相关逻辑封装在ItemDecoration中,没有外部逻辑 缺点:扩展性不好,需要通过canvas进行绘制,如果吸顶控件ui比较复杂,
RecycleView文字吸顶，点击吸顶布局刷新数据
weixin_30270889的博客
01-15 163
实现效果 需求 Recycle有一个头布局，可以跟随列表进行滑动 点击头布局之后可以重新加载列表数据 随着头布局...
RecyclerView项目实战之：自动吸顶
Android小白
03-29 2171
1.将MainActivity布局改成RelativeLayout <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com
RecyclerView 悬浮吸顶效果实现，支持数据绑定及Touch事件
LeBron_Six的专栏
11-27 1702
诸如联系人列表、分类页商品类表等分组场景，都可能需要悬浮吸顶的效果。Android 官方并未提供原生的组件来实现这个功能，因此需要我们自定义实现。 网上看到的基本实现思路都是通过 ItemDecoration ，在滑动过程中去根据当前滑动位置，绘制吸顶的视图。 如果只是需要简单的绘制，确实通过这个方式要简单的多。但是通过这种方式无法支持 Touch 事件。感兴趣的可以参考一下这个：https:/...
Android RecyclerView实现吸顶动态效果,详细分析
程序员徐师兄的博客
05-16 1027
需要注意的时，当我们的第二个组名到顶部的时候，要把当前顶部的组名给替换掉。通过这种方法绘制的任何内容都将在项目视图被绘制之后被绘制，因此将出现在视图上方。方法添加 decoration 的时候，RecyclerView 就会调用该类的 onDraw 方法去绘制分割线，也就是说：分割线是绘制出来的。通过此方法绘制的任何内容都将在绘制项目视图之前被绘制，因此将出现在视图的下方。View 添加具体的图画或者 layout 的偏移，对于绘制 View之间的分割线，视觉分组边界等等是非常有用的。
CoordinatorLayout+AppBarLayout 布局中实现自动滚动到顶部的效果
Jocerly的专栏
11-25 1279
【代码】CoordinatorLayout+AppBarLayout 布局中实现自动滚动到顶部的效果。
RecyclerView 设置item之间的间距
CoderFucker的博客
09-24 671
这是LinearLayoutManager设置Item间距的的一个辅助类 public class SpacesItemDecoration extends RecyclerView.ItemDecoration { private int space; public SpacesItemDecoration(int space) { this.space = space; } @Override public void getItemOffs
Android 嵌套滑动总结，kotlin框架
m0_64383081的博客
12-03 481
<TextView android:layout_width=“match_parent” android:layout_height=“64dp” android:layout_gravity=“bottom” android:text=“Top” android:textSize=“32sp” android:textColor="@color/white" android:gravity=“center” android:textStyle=“bold”/> </com.google
Kotlin--›Android RecyclerView滚动处理(滚动到底部/顶部/居中/偏移/动画等特性)
<angcyo>菜鸟视角
09-30 1935
之前写过一篇Android–>RecyclerView 显示底部,滚动底部(无动画)文章. 当时是为了满足需求, 没想太多顺手写的. 虽然功能上能满足, 但是代码上还是有点low. 这几天, 我的徒弟傻豆 在写一个IM项目, 需要滚动到底部. 于是我重写了一个ScrollHelper滚动操作类. 文章目录特性需求分析1.滚动, 滚动偏移, 滚动动画2. 滚动到顶部, 底部, 居中3.锁定滚动...
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的悬浮吸顶效果。悬浮视图会在滚动时始终保持在顶部，并且不会被其他项覆盖。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值