【Android】自定义无限循环的LayoutManager(4)

初探LayoutManager

=================================================================================

与自定义ViewGroup类似,自定义LayoutManager所要做的就是ItemView的「添加(add)」、「测量(measure)」、「布局(layout)」。

但是与自定义ViewGroup相比,LayoutManager多了一个「回收(recycle)」工作。

在自定义LayoutManager之前,需要对其提供的「测量」、「布局」以及「回收」相关的API进行了解。

measure


首先介绍测量方法,与自定义ViewGroup类似,测量通常是固定的逻辑不需要自己实现,开发者无需复写测量方法,只需要在布局之前调用测量函数来获取将要布局的「View的宽度」即可。

LayoutManager提供了两个用来测量子View的方法:

//测量子View

public void measureChild(@NonNull View child, int widthUsed, int heightUsed)

//测量子View,并将子View的Margin也考虑进来,通常使用此函数

public void measureChildWithMargins(@NonNull View child, int widthUsed, int heightUsed)

测量完成后,便可以使用getMeasuredWidth()getMeasuredHeight()直接获取View的宽高,但是在自定义LayoutManager中需要考虑ItemDecoration,所以需要通过如下两个API获取测量后的View大小:

//获取child的宽度,并将ItemDecoration考虑进来

public int getDecoratedMeasuredWidth(@NonNull View child) {

final Rect insets = ((LayoutParams) child.getLayoutParams()).mDecorInsets;

return child.getMeasuredWidth() + insets.left + insets.right;

}

//获取child的高度,并将ItemDecoration考虑进来

public int getDecoratedMeasuredHeight(@NonNull View child) {

final Rect insets = ((LayoutParams) child.getLayoutParams()).mDecorInsets;

return child.getMeasuredHeight() + insets.top + insets.bottom;

}

layout


然后介绍layout方法,和自定义ViewGroup一样,LayoutManager完成ItemView的测量后就是布局了。

LayoutManager中,并非靠直接调用ItemView的layout函数进行子View的布局,而是使用layoutDecoratedlayoutDecoratedWithMargins, 两者的区别是后者考虑了Margins:

public void layoutDecorated(@NonNull View child, int left, int top, int right, int bottom) {

final Rect insets = ((LayoutParams) child.getLayoutParams()).mDecorInsets;

child.layout(left + insets.left, top + insets.top, right - insets.right,

bottom - insets.bottom);

}

public void layoutDecoratedWithMargins(@NonNull View child, int left, int top, int right,

int bottom) {

final LayoutParams lp = (LayoutParams) child.getLayoutParams();

final Rect insets = lp.mDecorInsets;

child.layout(left + insets.left + lp.leftMargin, top + insets.top + lp.topMargin,

right - insets.right - lp.rightMargin,

bottom - insets.bottom - lp.bottomMargin);

}

recycle

=========================================================================

回收是RecyclerView的灵魂,也是RecyclerView与普通ViewGroup的区别。众所周知,RecyclerView中含有四类缓存,在布局过程中它们各自有各自的用途:

1、AttachedScrap: 存放可见、不需要重新绑定的ViewHolder

2、CachedViews: 存放不可见、不需要重新绑定的ViewHoler

3、ViewCacheExtension: 自定义缓存(存放不可见、不需要重新绑定)

4、RecyclerPool: 存放不可见、需要重新绑定的ViewHolder

LayoutManager中提供了多个回收方法:

//将指定的View直接回收加至ecyclerPool

public void removeAndRecycleView(@NonNull View child, @NonNull Recycler recycler) {

removeView(child);

recycler.recycleView(child);

}

//将指定位置的View直接回收加至ecyclerPool

public void removeAndRecycleViewAt(int index, @NonNull Recycler recycler) {

final View view = getChildAt(index);

removeViewAt(index);

recycler.recycleView(view);

}

LayoutManager创建

=================================================================================

1、实现抽抽象方法,并让RecyclerView可横向滑动

public class RepeatLayoutManager extends RecyclerView.LayoutManager {

@Override

public RecyclerView.LayoutParams generateDefaultLayoutParams() {

return new RecyclerView.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,

ViewGroup.LayoutParams.WRAP_CONTENT);

}

@Override

public boolean canScrollHorizontally() {

return true;

}

}

2、定义初始布局

onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state)方法中对ItemView进行添加、测量、布局。

具体步骤如下:

  • 使用recycler.getViewForPosition(int pos)从缓存中获取子View

  • 当可布局区域有多余的空间时,通过addView(View view)将对子View进行添加,通过在RecyclerView中添加子View,并对子View进行测量与布局,直至子View超出RecyclerView的可布局宽度。

@Override

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

if (getItemCount() <= 0) {

return;

}

if (state.isPreLayout()) {

return;

}

//将所有Item分离至scrap

detachAndScrapAttachedViews(recycler);

int itemLeft = getPaddingLeft();

for (int i = 0; ; i++) {

if (itemLeft >= getWidth() - getPaddingRight()) {

break;

}

View itemView = recycler.getViewForPosition(i % getItemCount());

//添加子View

addView(itemView);

//测量子View

measureChildWithMargins(itemView, 0, 0);

int right = itemLeft + getDecoratedMeasuredWidth(itemView);

int top = getPaddingTop();

int bottom = top + getDecoratedMeasuredHeight(itemView) - getPaddingBottom();

//对子View进行布局

layoutDecorated(itemView, itemLeft, top, right, bottom);

itemLeft = right;

}

}

3、滑动与填充

offsetChildrenHorizontal(int x)用作对RecyclerView中的子View进行整体左右移动。 为了在滑动RecyclerView时有子View移动的效果,需要复写scrollHorizontallyBy函数,并在其中调用offsetChildrenHorizontal(int x)

当左滑后子View被左移动时,RecyclerView的右侧会出现可见的未填充区域,这时需要在RecyclerView右侧添加并布局好新的子View,直到没有可见的未填充区域为止。

同样,在右滑后需要对左侧的未填充区域进行填充。

具体代码如下:

@Override

public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) {

fill(recycler, dx > 0);

offsetChildrenHorizontal(-dx);

return dx;

}

/**

  • 滑动的时候,填充可见的未填充区域

*/

private void fill(RecyclerView.Recycler recycler, boolean fillEnd) {

if (getChildCount() == 0) return;

if (fillEnd) {

//填充尾部

View anchorView = getChildAt(getChildCount() - 1);

int anchorPosition = getPosition(anchorView);

for (; anchorView.getRight() < getWidth() - getPaddingRight(); ) {

int position = (anchorPosition + 1) % getItemCount();

if (position < 0) position += getItemCount();

View scrapItem = recycler.getViewForPosition(position);

addView(scrapItem);

measureChildWithMargins(scrapItem, 0, 0);

int left = anchorView.getRight();

int top = getPaddingTop();

int right = left + getDecoratedMeasuredWidth(scrapItem);

int bottom = top + getDecoratedMeasuredHeight(scrapItem) - getPaddingBottom();

layoutDecorated(scrapItem, left, top, right, bottom);

anchorView = scrapItem;

}

} else {

//填充首部

View anchorView = getChildAt(0);

int anchorPosition = getPosition(anchorView);

for (; anchorView.getLeft() > getPaddingLeft(); ) {

int position = (anchorPosition - 1) % getItemCount();

if (position < 0) position += getItemCount();

View scrapItem = recycler.getViewForPosition(position);

addView(scrapItem, 0);

measureChildWithMargins(scrapItem, 0, 0);

int right = anchorView.getLeft();

int top = getPaddingTop();

int left = right - getDecoratedMeasuredWidth(scrapItem);

int bottom = top + getDecoratedMeasuredHeight(scrapItem) - getPaddingBottom();

layoutDecorated(scrapItem, left, top,

right, bottom);

anchorView = scrapItem;

《设计思想解读开源框架》

第一章、 热修复设计

  • 第一节、 AOT/JIT & dexopt 与 dex2oat

  • 第二节、 热修复设计之 CLASS_ISPREVERIFIED 问题

  • 第三节、热修复设计之热修复原理

  • 第四节、Tinker 的集成与使用(自动补丁包生成)

    第二章、 插件化框架设计

  • 第一节、 Class 文件与 Dex 文件的结构解读

  • 第二节、 Android 资源加载机制详解

  • 第三节、 四大组件调用原理

  • 第四节、 so 文件加载机制

  • 第五节、 Android 系统服务实现原理

    第三章、 组件化框架设计

  • 第一节、阿里巴巴开源路由框——ARouter 原理分析

  • 第二节、APT 编译时期自动生成代码&动态类加载

  • 第三节、 Java SPI 机制

  • 第四节、 AOP&IOC

  • 第五节、 手写组件化架构

    第四章、图片加载框架

  • 第一节、图片加载框架选型

  • 第二节、Glide 原理分析

  • 第三节、手写图片加载框架实战

    第五章、网络访问框架设计

  • 第一节、网络通信必备基础

  • 第二节、OkHttp 源码解读

  • 第三节、Retrofit 源码解析

    第六章、 RXJava 响应式编程框架设计

  • 第一节、链式调用

  • 第二节、 扩展的观察者模式

  • 第三节、事件变换设计

  • 第四节、Scheduler 线程控制

    第七章、 IOC 架构设计

  • 第一节、 依赖注入与控制反转

  • 第二节、ButterKnife 原理上篇、中篇、下篇

  • 第三节、Dagger 架构设计核心解密

    第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期


    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等,资源持续更新中…

    《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!
    7ng-1714974699923)]

    第八章、 Android 架构组件 Jetpack

  • 第一节、 LiveData 原理

  • 第二节、 Navigation 如何解决 tabLayout 问题

  • 第三节、 ViewModel 如何感知 View 生命周期及内核原理

  • 第四节、 Room 架构方式方法

  • 第五节、 dataBinding 为什么能够支持 MVVM

  • 第六节、 WorkManager 内核揭秘

  • 第七节、 Lifecycles 生命周期

    [外链图片转存中…(img-c0ebD5IR-1714974699924)]
    本文包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等,资源持续更新中…
    [外链图片转存中…(img-AjIpmhNq-1714974699924)]
    《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》点击传送门,即可获取!

Android横向无限循环滚动组件通常是指可以在横向方向上无限循环滚动的控件,常见的例子是轮播图组件。使用这样的组件可以实现在一组图片或其他视图之间平滑无缝地进行循环滚动显示。 在Android开发中,我们可以使用RecyclerView和ViewPager来实现这样的横向无限循环滚动组件。 使用RecyclerView来实现横向无限循环滚动组件的步骤如下: 1. 在布局文件中添加一个RecyclerView控件。 2. 创建一个RecyclerViewAdapter来管理数据和视图的显示。 3. 在RecyclerViewAdapter中实现循环滚动的逻辑,即在获取数据数量时设置为一个较大的数值,同时在对应位置获取数据时使用取余操作来实现循环滚动的效果。 4. 将RecyclerViewAdapter设置给RecyclerView控件。 使用ViewPager来实现横向无限循环滚动组件的步骤如下: 1. 在布局文件中添加一个ViewPager控件。 2. 创建一个PagerAdapter来管理数据和视图的显示。 3. 在PagerAdapter中实现循环滚动的逻辑,即在获取数据数量时设置为一个较大的数值,同时在对应位置获取数据时使用取余操作来实现循环滚动的效果。 4. 将PagerAdapter设置给ViewPager控件。 需要注意的是,在实现循环滚动效果时,需要根据具体的需求设置相应的滚动动画和手势操作等。另外,如果使用RecyclerView进行实现,还可以通过自定义LayoutManager来实现更加灵活的布局管理。总之,通过以上方法,我们可以实现Android横向无限循环滚动组件的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值