RecyclerView的item滑动居中居顶关键方法calcu
2022-03-16 本文已影响0人
Dorsey_54a0
实际开发中很多时候需要recyclerview点击边缘的item时有自动滚动到屏幕中间的需求或者二级联动中有二级recyclerview的item要居顶的需要,网上有很多介绍原理源码的,不赘述了,转载需要看源码执行流程点击查看,最终实现关键是复写calculateDtToFit这个方法,计算需要执行的偏移位置量
居中类型,需要计算item view的中心点滚动方向到指定位置坐标偏移量
断点下面是横向居中截图1-1,手机横向分辨率1080
image.png
可以看到boxStart是父布局既recyclerview的开始坐标0,
boxEnd是recyclerview的结束坐标1080,我们需要的中点坐标既boxStart+(boxEnd-boxStart)/2,这里可能有padding、margin之类的开始坐标不一定是0,我猜测的,可以自己去调试。
viewStart意思点击的item开始坐标既view的left,viewEnd是item结束坐标既right,
-而该view的中心点坐标既开始坐标+view宽度的1/2,反正就是那么个意思。既viewStart+(viewEnd-viewStart)/2既得该方向中心点位置
上述两位置相减有正负,所得结果既为该item需要偏移滚动的距离。
居顶类型,原理与居中类似,不过不需要计算中心点,直接boxStart-ViewStart
public class CenterLayoutManager extends LinearLayoutManager {
public CenterLayoutManager(Context context) {
super(context);
}
public CenterLayoutManager(Context context, int orientation, boolean reverseLayout) {
super(context, orientation, reverseLayout);
}
public CenterLayoutManager(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
@Override
public void smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, int position) {
RecyclerView.SmoothScroller smoothScroller = new CenterSmoothScroller(recyclerView.getContext());
smoothScroller.setTargetPosition(position);
startSmoothScroll(smoothScroller);
}
private static class CenterSmoothScroller extends LinearSmoothScroller {
public CenterSmoothScroller(Context context) {
super(context);
}
@Override
public int calculateDtToFit(int viewStart, int viewEnd, int boxStart, int boxEnd, int snapPreference) {
return (boxStart + (boxEnd - boxStart) / 2) - (viewStart + (viewEnd - viewStart) / 2);
}
@Override
protected float calculateSpeedPerPixel(DisplayMetrics displayMetrics) {
return 100f / displayMetrics.densityDpi;
}
}
}
item点击事件中
RecyclerView.LayoutManager layoutManager = mView.getColorRcv().getLayoutManager();
if (layoutManager != null) {
layoutManager.smoothScrollToPosition(mView.getColorRcv(), new RecyclerView.State(), position);
}