手机任务栏效果看着还不错，想着自己去实现哈，刚好到年末了业务较少。把自己实现时使用的技术点记录下来，以后忘记了翻阅方便点。其中包含recyclerview的缓存、回收和一些辅助工具的使用。
先上效果：
land.gif
竖屏：
portrait.gif
基本功能实现
上代码：
import android.graphics.Color;
import android.graphics.PointF;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffColorFilter;
import android.view.View;
import android.widget.LinearLayout;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.recyclerview.widget.RecyclerView;
import java.util.List;
/**
* Time: 2021/1/29 0029
* Author: longge
*/
public class TaskLayoutManager extends RecyclerView.LayoutManager implements RecyclerView.SmoothScroller.ScrollVectorProvider {
//横竖屏常量
public static final int HORIZONTAL = LinearLayout.HORIZONTAL;
public static final int VERTICAL = LinearLayout.VERTICAL;
//布局朝向配置
private int orientation = HORIZONTAL;
//childHeight/childWidth：子View高度/宽度， scrollOffset：滚动偏移量， minLimit：可以滚动最小临界点， maxLimit可以滚动最大临界点
private int childHeight = 0, childWidth = 0, scrollOffset = 0, minLimit = 0, maxLimit = 0;;
//在xy轴缩放的最小比例,默认0.85，一个视图的距离后的view为0.85f
private float scaleXY = 0.85f;
//滚动时的缩放差值
private float scaleInterpolation;
//未选中view的亮度，要此值生效，需要重写getBrightnessView，将亮度变化的view返回，而且返回的view必须设置了background，
//也可以去重写setBrightness方法去实现亮度变化的需求
//度值区间[-100, 0]值越小，越暗
private int brightness = -30;
public TaskLayoutManager() {
}
public TaskLayoutManager(int orientation) {
this.orientation = orientation;
}
/**
* @param orientation 布局方向
* @param scaleXY 在x和y上最小的收缩尺寸
* @param brightness 未选中的亮度值区间[-100, 0]值越小，越暗
*/
public TaskLayoutManager(int orientation, float scaleXY, int brightness) {
this.orientation = orientation;
this.scaleXY = scaleXY;
this.brightness = brightness;
}
@Override
public void onMeasure(@NonNull RecyclerView.Recycler recycler, @NonNull RecyclerView.State state, int widthSpec, int heightSpec) {
super.onMeasure(recycler, state, widthSpec, heightSpec);
//初始化值
int viewWidth = View.MeasureSpec.getSize(widthSpec);
int viewHeight = View.MeasureSpec.getSize(heightSpec);
//横竖屏分别初始化
if(orientation == HORIZONTAL){
//item宽度
this.childWidth = viewWidth / 2;
//item高度
this.childHeight = (int) ((viewHeight * 1f / (viewWidth * 1f)) * childWidth);
//item向右滚动的最小距离
this.minLimit = -childWidth / 2;
//item向左滚动的最大距离
this.maxLimit = childWidth * state.getItemCount() - childWidth * 3 / 2 ;
//当只有一项时让视图居中，将滚动偏移调整到居中位置
if(state.getItemCount() == 1) this.scrollOffset = - childWidth / 2;
//当偏移量为0，初始化偏移量，让第一个view显示一半，如果需要第一个view显示完整，此处修改成0就可以了
else if(scrollOffset == 0) this.scrollOffset = childWidth / 2;
//修正偏移量。当ItemTouchHelper移除一个item时会重新调用onMeasure方法，此处需要吧原来设置的值重新修正哈，超出部分需要减去
//例如当滚动到最后一项。但是此时使用ItemTouchHelper移除了最后一项。滚动偏移量就超过item*item.getWidth,就会导致我们的
else fixScrollOffset();
//设置滚动缩放差值
this.scaleInterpolation = (1f - scaleXY) / (viewWidth * 1f);
}else{
this.childHeight = viewHeight / 2;
this.childWidth = (int) ((viewWidth * 1f / (viewHeight * 1f)) * childHeight);
this.minLimit = -childHeight / 2;
this.maxLimit = childHeight * state.getItemCount() - childHeight * 3 / 2 ;
if(state.getItemCount() == 1) this.scrollOffset = -childHeight / 2;
else if(scrollOffset == 0) this.scrollOffset = childHeight / 2;
else fixScrollOffset();
this.scaleInterpolation = (1f - scaleXY) / (viewHeight * 1f);
}
}
@Override
public RecyclerView.LayoutParams generateDefaultLayoutParams() {
return new RecyclerView.LayoutParams(RecyclerView.LayoutParams.WRAP_CONTENT, RecyclerView.LayoutParams.WRAP_CONTENT);
}
//是否可以垂直滚动 true：支持垂直滚动， false不支持。配合scrollVerticallyBy一起使用
@Override
public boolean canScrollVertically() {
return orientation == VERTICAL;
}
//是否可以水平滚动 true：支持水平滚动， false不支持。配合scrollVerticallyBy一起使用
@Override
public boolean canScrollHorizontally() {
return orientation == HORIZONTAL;
}
/**
* 布局
* @param recycler 回收使用
* @param state RecyclerView的状态
*/
@Override
public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
//step1. 将所有view离屏，离屏后缓存到mAttachedScrap【1】
//原因：如果不detach掉，未滚到到屏幕外的view，不能统一更新位置。所以这里需要detach掉然后更新位置后重新添加view,如果开启了预布局，真实布局前onLayoutChildren已经调用过一次，所以这里需要detachAndScrapAttachedViews
//而且已经添加了的view。addView的时候实际调用的attachViewToParent，和调用attach（view）效果一样
detachAndScrapAttachedViews(recycler);
//item数据未0时不用布局了
if(state.getItemCount() == 0){
//回收所有的view是因为如果更新后导致数据为0.需要回收view，这里回收到mCachedViews【2】，默认缓存为2
//当这个缓存满了的时候就会将早先加入的holder取出加入RecyclerViewPool【4】
removeAndRecycleAllViews(recycler);
return;
}
//根据滚动偏移量得到在屏幕上显示的第一个item
int startIndex = (orientation == HORIZONTAL) ? Math.abs(scrollOffset) / childWidth : Math.abs(scrollOffset) / childHeight;
//整个屏幕只能显示3个item，得到最后一个item
int endIndex = startIndex + 3;
//修正最后一个item
if(endIndex > state.getItemCount()) endIndex = state.getItemCount();
//需要高亮的view
View brightnessChild = null;
//距离中心线最近的值
int minSize = Integer.MAX_VALUE;
//中心线
int centerLine = (orientation == HORIZONTAL) ? getWidth() / 2 : getHeight() / 2;
for(int index = startIndex; index < endIndex; index++){
//从缓存中取出view，如果没后缓存记录，将会去创匠一个holder，并拿到它的view
//这里的获取流程
//一级缓存（mChangedScrap(优先)/mAttachedScrap）->二级缓存(mCachedViews)->四级缓存（mRecyclerPool）->Create(Holder)添加到mRecyclerPool并返回view
//这里没有说三级缓存（mViewCacheExtension）是因为mViewCacheExtension需要自己去实现缓存逻辑。
View childView = recycler.getViewForPosition(index);
//测量view
measureChildWithMargins(childView, childWidth, childHeight);
//将view添加到recyclerview
addView(childView);
//view的位置和中线线
int left , top , right , bottom , childCenterLine;
//横竖屏分开计算
if(orientation == HORIZONTAL){
//item的Left = item的宽度*当item下标-滚动偏移量
left = index * childWidth - scrollOffset;
top = (getHeight() - childHeight) / 2;
right = left + childWidth;
bottom = top + childHeight;
childCenterLine = left + childWidth / 2;
}else{
left = (getWidth() - childWidth) / 2;
top = index * childHeight - scrollOffset;
right = left + childWidth;
bottom = top + childHeight;
childCenterLine = top + childHeight / 2;
}
//child layout
layoutDecorated(childView, left, top, right, bottom);
//计算出中线线距离差值
int tempInterSect = Math.abs(centerLine - childCenterLine);
//找到距离中线最近的view
if(tempInterSect < minSize){
minSize = tempInterSect;
brightnessChild = childView;
}
//根据距离计算出缩放差值
float scale = (orientation == HORIZONTAL) ?
scaleXY + (getWidth() - tempInterSect) / 20 * 20 * scaleInterpolation :
scaleXY + (getHeight() - tempInterSect) / 20 * 20 * scaleInterpolation;
//设置缩放和亮度
decorateView(childView, scale, brightness);
}
//设置距离中心线最近的view高亮
setBrightness(brightnessChild, 1);
//回收
//这里将所有mAttachedScrap中未取出的holder回收掉，离屏未使用holder。都是已经滚动到屏幕外的view
//如果已经开启预布局
List<RecyclerView.ViewHolder> scrapList = recycler.getScrapList();
for (int i = 0; i < scrapList.size(); i++) {
RecyclerView.ViewHolder holder = scrapList.get(i);
removeAndRecycleView(holder.itemView, recycler);
}
}
/**
* 设置view亮度和缩放
* @param childView item view
* @param scaleXY xy轴上的缩放值
* @param brightness 亮度
*/
private void decorateView(View childView, float scaleXY, int brightness){
setBrightness(childView, brightness);
childView.setScaleX(scaleXY);
childView.setScaleY(scaleXY);
}
/**
* 如果canScrollHorizontally中返回true，左右滑动将回调此方法
* @param dx 在x轴上的偏移量
* @param recycler 回收
* @param state 状态
* @return 0 已经达到临界值不进行滚动，返回其他值进行滚动，这里的滚动是对所有的view进行离屏和layout操作
*/
@Override
public int scrollHorizontallyBy(int dx, RecyclerView.Recycler recycler, RecyclerView.State state) {
scrollOffset = scrollOffset + dx;
fixScrollOffset();
onLayoutChildren(recycler, state);
return (scrollOffset == minLimit || scrollOffset == maxLimit) ? 0 : dx;
}
//同上
@Override
public int scrollVerticallyBy(int dy, RecyclerView.Recycler recycler, RecyclerView.State state) {
scrollOffset = scrollOffset + dy;
fixScrollOffset();
onLayoutChildren(recycler, state);
return (scrollOffset == minLimit || scrollOffset == maxLimit) ? 0 : dy;
}
/**
* 根据临界值修正偏移量
*/
private void fixScrollOffset(){
if(scrollOffset <= minLimit){
scrollOffset = minLimit;
}else if(scrollOffset >= maxLimit){
scrollOffset = maxLimit;
}
}
/**
* 设置亮度
* @param itemView itemview
* @param brightness 亮度
*/
private void setBrightness(View itemView, int brightness){
View targetView = getBrightnessView(itemView);
if(targetView == null) return;
PorterDuffColorFilter porterDuffColorFilter;
if(brightness > 0){
int value = (int) brightness * 255 / 100;
porterDuffColorFilter = new PorterDuffColorFilter(Color.argb(value, 255, 255, 255), PorterDuff.Mode.SRC_OVER);
} else {
int value = (int) (brightness * -1) * 255/100;
porterDuffColorFilter = new PorterDuffColorFilter(Color.argb(value, 0, 0, 0), PorterDuff.Mode.SRC_ATOP);
}
targetView.getBackground().setColorFilter(porterDuffColorFilter);
}
/**
* 返回需要修改亮度的view，此方法需要被重写。如果没有重写此方法。关于亮度的设置失效
* @param itemView 参数为itemview
* @return 返回需要修改亮度的view.这个view必须设置了背景值。亮度修改是通过修改背景亮度
*/
public View getBrightnessView(View itemView){
return null;
}
/**
* 通过一个向量来确定方向，这里的方向分为布局方向和滚动方向
* PointF(x, y),如果x不为0则布局方向为水平布局，x大于0滚动方向为正(自屏幕上向下拉)，x小于0滚动方向为负（自屏幕下向上拉）
* @param targetPosition 这里的targetPosition为参考iteView 的下标, LinearSnapHelper中这个值为最后一个下标（因为estimateNextPositionDiffForFling计算的跳转距离已经带有符号）。RecyclerView.onAnimation中传的当前可见的第一个item下标
* @return 方向向量
*/
@Nullable
@Override
public PointF computeScrollVectorForPosition(int targetPosition) {
if (getChildCount() == 0) {
return null;
}
final int firstChildPos = getPosition(getChildAt(0));
final int direction = targetPosition < firstChildPos ? -1 : 1;
if (orientation == HORIZONTAL) {
return new PointF(direction, 0);
} else {
return new PointF(0, direction);
}
}
}
以上的代码中注释已经非常清晰了，此时基础版本已经完成，如果不需要定位可以不实现ScrollVectorProvider
- 实现步骤
- 继承RecyclerView.LayoutManager，并初始化设置
- 在onMeasure中计算临界值和子view的各种参数
- 在onLayoutChildren中将itemView添加到recyclerview
离屏所有itemView->根据偏移量获取显示的view->测试量view->将view添加到recyclerview ->回收未显示的view - 回收
- 处理滚动
- recyclerview的四级缓存
| 级数 | 字段 | 容量 | 存储逻辑 |
|---|---|---|---|
| 1 | mChangedScrap | 未限制 | 当item改变，如数据更新时触发缓存 |
| 1 | mAttachedScrap | 未限制 | 离屏时缓存，即调用detachAndScrapAttachedViews，所有还在屏幕的view |
| 2 | mCachedViews | 2 | 调用removeAndRecycleAllViews时，如果超过2个就会将缓存的第一个移入到mRecyclerPool，然后将新加入的缓存到最后一个 |
| 3 | mViewCacheExtension | 未限制 | mViewCacheExtension需要实现ViewCacheExtension抽象类 |
| 4 | mRecyclerPool | 每个viewType缓存5个 | 缓存池，如果超过5个就存不进去了，可以查看RecyclerView.putRecycledView方法 |
说明：
- 这里的缓存是ViewHolder，而不是itemView；
- 获取view（getViewForPosition）的优先级上表中至上而下。如果在mRecyclerPool也未找到，就会调用onCreateViewHolder，创建一个ViewHolder；
- mChangedScrap/mAttachedScrap为一级缓存，是因为这两个的view都添加过，itemView已经测量过了，只是itemView的数据和位置可能有变化，更新后可以立即放入RecyclerView中
RecyclerView优化：
- 多个RecyclerView复用mRecyclerPool
- 限制容量的缓存，可以增大容量
- 固定itemView的宽高，配合recyclerView.setHasFixedSize(true)使用
RecyclerView很多优化方案都是空间换时间，没有完美的解决方案（鱼与熊掌不可兼得），需要实际操作时根据业务逻辑去做优化处理
RecyclerView布局：
- dispatchLayoutStep1，预布局并记录布局的view状态，储存在mOldChangedHolders中。预布局其实会在mRecyclerPool中储存预布局的ViewHolder，真实布局时不会去重复创建ViewHolder了
- dispatchLayoutStep2，真实布局
- dispatchLayoutStep3，动画
滑动删除
上代码：
import androidx.annotation.NonNull;
import androidx.recyclerview.widget.ItemTouchHelper;
import androidx.recyclerview.widget.RecyclerView;
/**
* ItemTouchHelper 辅助类，主要用于滑动删除和拖拽换位置的
* 滑动删除
* Time: 2021/2/1 0001
* Author: zoulong
*/
public class IHCallback extends ItemTouchHelper.Callback {
private RemoveListener mRemoveListener;
public IHCallback(RemoveListener mRemoveListener) {
this.mRemoveListener = mRemoveListener;
}
/**
* 根据 recycleview 和 viewHolder返回滑动方向好移动方向
* @param recyclerView
* @param viewHolder
* @return
*/
@Override
public int getMovementFlags(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder) {
boolean isHorizontal = recyclerView.getLayoutManager().canScrollHorizontally();
//滑动方向
int dragFlags = isHorizontal ? ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT : ItemTouchHelper.UP | ItemTouchHelper.DOWN;
//移动方向
int swipeFlags = !isHorizontal ? ItemTouchHelper.LEFT | ItemTouchHelper.RIGHT : ItemTouchHelper.UP | ItemTouchHelper.DOWN;
return makeMovementFlags(dragFlags, swipeFlags);
}
@Override
public boolean onMove(@NonNull RecyclerView recyclerView, @NonNull RecyclerView.ViewHolder viewHolder, @NonNull RecyclerView.ViewHolder target) {
return false;
}
@Override
public void onSwiped(@NonNull RecyclerView.ViewHolder viewHolder, int direction) {
mRemoveListener.onItemRemove(viewHolder.getLayoutPosition());
}
/**
* 滑动临界值百分比， 默认值0.5f
* @param viewHolder
* @return
*/
@Override
public float getSwipeThreshold(@NonNull RecyclerView.ViewHolder viewHolder) {
return .1f;
}
}
ItemTouchHelper是RecyclerView的一个辅助工具类，主要用于滑动删除，拖拽等
定位（SnapHelper）
recyclerview滚动后，显示的位置可能偏左或者偏右。而我们的需求是让高亮view显示到正中这里就使用到了LinearSnapHelper（让距离屏幕中心线最近的item居中显示）。这个控件也是辅助recyclerview显示的一个工具类，在fling时对recycler位置进行修正。
自定义SnapHelper
实现SnapHelper的三个方法
findSnapView：attachToRecyclerView时和fling时调用，用于查找上面两个时刻距离锚点最近的view作为参照，LinearSnapHelper的锚点就在屏幕中心线上。所以我们的这个就是查找距离中心线最近的参照itemview
findTargetSnapPosition：通过上findSnapView查找到参照itemview 下标，计算出filing结束后，距离中心线最近的snapView(就是itemView，便于区分所以叫这个名字)下标
calculateDistanceToFinalSnap：通过findTargetSnapPosition的结束位置的snapView，计算出需要滚动到锚点的距离。LinearSnapHelper的锚点在屏幕中心线，所以就是snapView的中心线到屏幕中心线的距离
调用流程：
recyclerview.onTouchEvent—>recyclerview.fling—>snaphelper.snapFromFling—>snaphelper.findTargetSnapPosition(获取snapView，这里就会调用findSnapView辅助查找snapView)—>layoutManager.startSmoothScroll(滚动到snapview)—>snaphelper.calculateDistanceToFinalSnap(计算出滚动到snapview的距离)—>recyclerview.smoothScrollByLayoutManager必须实现RecyclerView.SmoothScroller.ScrollVectorProvider
如果自定义Layoutmanager要使用Snaphelper就必须实现RecyclerView.SmoothScroller.ScrollVectorProvider接口，改接口只要一个方法
/**
* 通过一个向量来确定方向，这里的方向分为布局方向和滚动方向
* PointF(x, y),如果x不为0则布局方向为水平布局，x大于0滚动方向为正(自屏幕上向下拉)，x小于0滚动方向为负（自屏幕下向上拉）
* @param targetPosition 这里的targetPosition为参考iteView 的下标, LinearSnapHelper中这个值为最后一个下标（因为estimateNextPositionDiffForFling计算的跳转距离已经带有符号）。RecyclerView.onAnimation中传的当前可见的第一个item下标
* @return 方向向量
*/
@Nullable
@Override
public PointF computeScrollVectorForPosition(int targetPosition) {
if (getChildCount() == 0) {
return null;
}
final int firstChildPos = getPosition(getChildAt(0));
final int direction = targetPosition < firstChildPos ? -1 : 1;
if (orientation == HORIZONTAL) {
return new PointF(direction, 0);
} else {
return new PointF(0, direction);
}
}
感悟
干android开发也好几年了，平时也挺喜欢研究学习的，看源码或者实现一些功能。很多时候都是研究一遍或者实现一遍，然后就不管了，没有用文字的方式去记录下知识点。等过段时间就会发现，前段时间去学习的东西都忘完了。
以后我准备用写文章的方式去记录每次的学习收获，其实把知识的分享不是为了得到多少赞赏，而是为了加固记忆，和你忘了以后再来巩固记忆。毕竟复习自己的知识点总比去学习别人的来得快。
2021未来可期，加油与君共勉！
代码传送门
