RecyclerView实现吸顶效果项目实战（四）：RecyclerView原理解析，熬了整整30天

最新推荐文章于 2024-06-17 22:11:41 发布
最新推荐文章于 2024-06-17 22:11:41 发布
阅读量603 收藏 25
点赞数 12
分类专栏： 程序员 文章标签： java 算法 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84123584/article/details/137622692
版权

然后 RecyclerView 会调用 setAdapter 方法。

public void setAdapter(RecyclerView.Adapter adapter) {

this.setLayoutFrozen(false);

this.setAdapterInternal(adapter, false, true);

this.requestLayout();

}

setAdapterInternal 方法主要作用是将传进来的 adapter 保存到 mAdapter 变量。之后调用了 requestLayout 方法。

public void requestLayout() {

if (this.mEatRequestLayout == 0 && !this.mLayoutFrozen) {

super.requestLayout();

} else {

this.mLayoutRequestEaten = true;

}

}

requestLayout 方法又调用了父类的 requestLayout 方法，最终调用了 View 的 requestLayout 方法。

public void requestLayout() {

…

if (mParent != null && !mParent.isLayoutRequested()) {

mParent.requestLayout();

}

…

}

上面的 mParent 的真正实例为 ViewRootImpl，也就是说执行了 ViewRootImpl 的 requestLayout 方法。

public void requestLayout() {

if (!mHandlingLayoutInLayoutRequest) {

checkThread();

mLayoutRequested = true;

scheduleTraversals();

}

}

scheduleTraversals 方法被执行，意味着后续开始执行 RecyclerView 的 onMeasure、onLayout、onDraw 方法，之后RecyclerView 中子视图就展示出来了。

这里我们将 onLayout 方法单拎出来进行分析，因为 RecyclerView 之所以能适配多种滚动布局，主要是 onLayout 方法发挥作用。

protected void onLayout(boolean changed, int l, int t, int r, int b) {

…

this.dispatchLayout();

…

}

onLayout 方法接着调用了 dispatchLayout 方法。

void dispatchLayout() {

…

mState.mIsMeasuring = false;

if (mState.mLayoutStep == State.STEP_START) {

dispatchLayoutStep1();

mLayout.setExactMeasureSpecsFrom(this);

dispatchLayoutStep2();

}

…

dispatchLayoutStep3();

}

dispatchLayout 方法依次调用了 dispatchLayoutStep1、dispatchLayoutStep2、dispatchLayoutStep3 方法。

我们首先看 dispatchLayoutStep1 方法。

private void dispatchLayoutStep1() {

…

if (mState.mRunPredictiveAnimations) {

…

mLayout.onLayoutChildren(mRecycler, mState);

…

} else {

clearOldPositions();

}

…

}

dispatchLayoutStep1 方法中调用了 mLayout 的 onLayoutChildren 方法。上面分析告诉我们，mLayout 就是 LayoutManager，所以我们转到 LayoutManager 的 onLayoutChildren 方法。

public void onLayoutChildren(Recycler recycler, State state) {

Log.e(TAG, "You must override onLayoutChildren(Recycler recycler, State state) ");

}

onLayoutChildren 方法是一个空实现，其具体实现在各个子类中。我们拿 LinearLayoutManager 进行分析，看其中 onLayoutChildren 的实现。

public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {

// layout algorithm:

// 1) by checking children and other variables, find an anchor coordinate and an anchor

// item position.

// 2) fill towards start, stacking from bottom

// 3) fill towards end, stacking from top

// 4) scroll to fulfill requirements like stack from bottom.

// create layout state

…

if (mAnchorInfo.mLayoutFromEnd) {

…

} else {

// fill towards end

updateLayoutStateToFillEnd(mAnchorInfo);

mLayoutState.mExtra = extraForEnd;

fill(recycler, mLayoutState, state, false);

endOffset = mLayoutState.mOffset;

final int lastElement = mLayoutState.mCurrentPosition;

if (mLayoutState.mAvailable > 0) {

extraForStart += mLayoutState.mAvailable;

}

// fill towards start

updateLayoutStateToFillStart(mAnchorInfo);

mLayoutState.mExtra = extraForStart;

mLayoutState.mCurrentPosition += mLayoutState.mItemDirection;

fill(recycler, mLayoutState, state, false);

startOffset = mLayoutState.mOffset;

if (mLayoutState.mAvailable > 0) {

extraForEnd = mLayoutState.mAvailable;

// start could not consume all it should. add more items towards end

updateLayoutStateToFillEnd(lastElement, endOffset);

mLayoutState.mExtra = extraForEnd;

fill(recycler, mLayoutState, state, false);

endOffset = mLayoutState.mOffset;

}

}

…

}

onLayoutChildren 方法中的注释已经为我们说明了 RecyclerView 的布局算法，mAnchorInfo 为布局锚点信息，包含了子控件在Y轴上起始绘制偏移量（coordinate），itemView 在 Adapter 中的索引位置（position）和布局方向（mLayoutFromEnd)-表示start、end方向。该方法的功能是：确定布局锚点，并以此为起点向开始和结束方向填充 ItemView，如下图所示。

在这里插入图片描述

在 onLayoutChildren 方法中，调用了 fill 方法，从该方法名可以知道，该方法应该是将子控件加入到RecyclerView 中的。

int fill(RecyclerView.Recycler recycler, LayoutState layoutState,

RecyclerView.State state, boolean stopOnFocusable) {

…

while ((layoutState.mInfinite || remainingSpace > 0) && layoutState.hasMore(state)) {

…

layoutChunk(recycler, state, layoutState, layoutChunkResult);

…

}

…

return start - layoutState.mAvailable;

}

fill 方法中循环调用了 layoutChunkResult 方法。

void layoutChunk(RecyclerView.Recycler recycler, RecyclerView.State state,

LayoutState layoutState, LayoutChunkResult result) {

View view = layoutState.next(recycler);

…

LayoutParams params = (LayoutParams) view.getLayoutParams();

if (layoutState.mScrapList == null) {

if (mShouldReverseLayout == (layoutState.mLayoutDirection

== LayoutState.LAYOUT_START)) {

addView(view);

} else {

addView(view, 0);

}

} else {

…

}

measureChildWithMargins(view, 0, 0);

result.mConsumed = mOrientationHelper.getDecoratedMeasurement(view);

int left, top, right, bottom;

…

layoutDecoratedWithMargins(view, left, top, right, bottom);

…

result.mFocusable = view.hasFocusable();

}

layoutChunk 方法中，layoutState的next方法将从 Recycler 获取的 View 添加到 RecyclerView 中，从而完成了整个 RecyclerView 的布局。

以上就是 RecyclerView 渲染过程的源码分析，接下来我们来分析一下 RecyclerView 的滑动过程。

RecyclerView 本质上就是一个 View，所以我们从它的 onTouchEvent 方法入手进行分析。

public boolean onTouchEvent(MotionEvent e) {

…

switch (action) {

case MotionEvent.ACTION_DOWN: {

…

} break;

case MotionEvent.ACTION_POINTER_DOWN: {

…

} break;

case MotionEvent.ACTION_MOVE: {

…

if (mScrollState == SCROLL_STATE_DRAGGING) {

mLastTouchX = x - mScrollOffset[0];

mLastTouchY = y - mScrollOffset[1];

if (scrollByInternal(

canScrollHorizontally ? dx : 0,

canScrollVertically ? dy : 0,

vtev)) {

getParent().requestDisallowInterceptTouchEvent(true);

}

if (mGapWorker != null && (dx != 0 || dy != 0)) {

mGapWorker.postFromTraversal(this, dx, dy);

}

}

} break;

case MotionEvent.ACTION_POINTER_UP: {

…

} break;

case MotionEvent.ACTION_UP: {

…

} break;

case MotionEvent.ACTION_CANCEL: {

…

} break;

}

…

return true;

}

onTouchEvent 方法中主要关注的是 action 为 MotionEvent.ACTION_MOVE 的情况，在滑动过程中调用了scrollByInternal 方法。

boolean scrollByInternal(int x, int y, MotionEvent ev) {

…

if (mAdapter != null) {

…

if (x != 0) {

consumedX = mLayout.scrollHorizontallyBy(x, mRecycler, mState);

unconsumedX = x - consumedX;

}

if (y != 0) {

consumedY = mLayout.scrollVerticallyBy(y, mRecycler, mState);

unconsumedY = y - consumedY;

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

文章所有资料全部已经打包整理好，另外小编手头上整理了大量Android架构师全套学习资料，Android核心高级技术PDF文档+全套高级学习资料+视频+2021 BAT 大厂面试真题解析

资料展示：

image

image

image

image

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

化！**

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

文章所有资料全部已经打包整理好，另外小编手头上整理了大量Android架构师全套学习资料，Android核心高级技术PDF文档+全套高级学习资料+视频+2021 BAT 大厂面试真题解析

资料展示：

[外链图片转存中…(img-PgBuZKLF-1712794488312)]

[外链图片转存中…(img-MVQUpOiB-1712794488312)]

[外链图片转存中…(img-RhGJcBP4-1712794488312)]

[外链图片转存中…(img-eBObW9X8-1712794488312)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

2401_84123584
关注
专栏目录
RecyclerView实现吸顶效果项目实战（三，真是恍然大悟啊
m0_61417997的博客
09-06 332
LinearLayoutManager 是线性布局管理器，使用频率是最高的，展示的样式跟listview一模一样。 该类有3个构造方法： LinearLayoutManager(Context context) LinearLayoutManager(Context context,int orientation,boolean reverseLayout) LinearLayoutManager(Context context, AttributeSet attrs, int defSt
RecyclerView实现吸顶效果
暮暮频顾惜的博客
07-13 1711
我们在开发中，经常会遇到RecyclerView实现分组和吸顶的需求，就如下图所示。 为了达到这样的效果，我们可以使用ItemDecoration来实现。ItemDecoration 允许应用给具体的View添加具体的图画或者layout的偏移，对于绘制View之间的分割线，视觉分组边界等等是非常有用的。 RecyclerView.ItemDecoration，该类为抽象类，官方目前只提供了一个实现类DividerItemDecoration。 public abstract static class I
RecyclerView实现吸顶效果，用到ItemDecoration
YK
06-05 264
RecyclerView.ItemDecoration     官网的描述为： An ItemDecoration allows the application to add a special drawing and layout offset to specific item views from the adapter’s data set. This can be useful for drawing dividers between items, high
Android RecyclerView 实现滑动吸顶效果
最新发布
牛肉胡辣汤
06-17 870
在上述代码中，我们为RecyclerView添加了一个滚动监听器，在滚动过程中获取第一个可见项的位置，并通过适配器的方法获取该位置的标题，然后将该标题设置给悬浮标题视图。而滑动吸顶效果是一种常见的UI交互体验，在列表滑动过程中，某个列表项可以固定在顶部，保持可见性，从而提供更好的用户体验。通过以上代码，在滑动新闻列表时，根据新闻发布时间的不同，首个具有相同发布时间的新闻标题会固定在顶部，并具有悬浮效果，使用户在浏览新闻的同时能够方便地查看当前新闻所属的时间段。在适配器中，我们可以根据需要实现滑动吸顶效果。
RecyclerView实现吸顶效果项目实战（三）：布局管理器LayoutManager
2401_84895943的博客
05-11 695
LinearLayoutManager 是线性布局管理器，使用频率是最高的，展示的样式跟listview一模一样。 该类有3个构造方法：LinearLayoutManager(Context context)LinearLayoutManager(Context context,int orientation,boolean reverseLayout)LinearLayoutManager(Context context, AttributeSet attrs, int defStyleAttr,int
RecyclerVIew实现悬浮吸顶效果
08-29
部分内容：RecyclerVIew实现悬浮吸顶效果实现悬浮吸顶效果主要为大家详细介绍了RecyclerVIew实现悬浮吸顶效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下RecyclerVIew实现悬浮吸顶效果图。 知识点一：悬浮...
RecyclerView实现吸顶效果项目实战（四）：RecyclerView原理解析
bugmiao的博客
12-31 501
一、引言 在平时的开发过程中，当用到滑动布局时，我们用的比较多的是ListView或ScrollView，但对于RecyclerView的使用却比较少，也就是在需要用到水平滑动布局时才会想到RecyclerView。那在有了ListView的情况下，为什么Google还要推出RecyclerView呢？下面我们从源码角度来分析一下该RecyclerView的布局与缓存原理，看看其与ListView有什么区别。 二、源码分析 RecyclerView 一般使用方式是在 Layout 中定义布局文件，然后在 A
Android-RecyclerView适配器支持多种视图样式支持吸顶侧滑删除拖拽效果
08-13
RecyclerView，适配器, 支持多种视图样式, 支持吸顶、侧滑删除、拖拽效果
RecyclerView实现吸顶效果项目实战（四），2021年Android开发爆款推荐
m0_65511857的博客
12-20 541
private void dispatchLayoutStep1() { … if (mState.mRunPredictiveAnimations) { … mLayout.onLayoutChildren(mRecycler, mState); … } else { clearOldPositions(); } … } dispatchLayoutStep1 方法中调用了 mLayout 的 onLayoutChildren 方法。上面分析告诉我们，mLayout 就是 LayoutManager，所以
利用 RecyclerView.ItemDecoration 实现分组与标题吸顶效果
tmacfrank的博客
06-29 710
RecyclerView 不同组别标题的吸顶效果图如下：该效果是通过自定义 ItemDecoration 实现的，先了解一下 ItemDecoration 的工作原理。
RecyclerView 学习之吸顶
qq_34723470的博客
03-21 599
上面两个效果图，图一里面我为了展现吸顶原理，我给吸顶加了背景，图二是取消背景的效果图。 我直接上相关代码，然后再进行解释: 这个activity 的 xml ： <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/ap...
Android RecyclerView实现头部悬浮吸顶效果
weixin_34025151的博客
11-15 1500
之前我在GitHub上开源了一个可以实现RecyclerView列表分组的通用Adapter： GroupedRecyclerViewAdapter。有一些朋友在使用的时候给我反馈，希望能实现头部悬浮吸顶的效果。我当初设计GroupedRecyclerViewAdapter的初衷，是想要实现一个能方便管理RecyclerView多种item类型的Adapter，特别是能实现两级列表的Adapter...
Android---RecyclerView实现吸顶效果
qq_44950283的博客
12-19 3254
需要注意的时，当我们的第二个组名到顶部的时候，要把当前顶部的组名给替换掉。当我们调用 addItemDecoration() 方法添加 decoration 的时候，RecyclerView 就会调用该类的 onDraw 方法去绘制分割线，也就是说：分割线是绘制出来的。ItemDecoration 允许应用给具体的 View 添加具体的图画或者 layout 的偏移，对于绘制 View之间的分割线，视觉分组边界等等是非常有用的。通过这种方法绘制的任何内容都将在项目视图被绘制。，因此将出现在视图的下方。
RecyclerView项目实战之：自动吸顶
Android小白
03-29 2183
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
滚动吸顶效果实现全解析：四种方法对比
接着，作者列举了四种常见的滚动吸顶实现方式： 1. 使用`position: sticky`实现： - `position: sticky`是一种混合定位模式，结合了相对定位和固定定位的特点。当元素滚动到其父元素的特定位置时，它会自动切换到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值