原文出处:Jameson's Blog
Google最新发布的support v4包更新到24.2.0,由原来的一个大包分割成多个小module。这次来聊聊RecyclerView的新特性和SnapHelper的关系。
com.android.support:support-compat:24.2.0 com.android.support:support-core-utils:24.2.0 com.android.support:support-core-ui:24.2.0 com.android.support:support-media-compat:24.2.0 com.android.support:support-fragment:24.2.0
一句话介绍SnapHelper: SnapHelper是RecyclerView功能的一种拓展,使RecyclerView滑动行为类似ViewPager,无论怎么滑动最终停留在某页正中间。ViewPager一次只能滑动一页,RecyclerView+SnapHelper方式可以一次滑动好几页,且最终都停留在某页正中间。非常实用和酷炫。
SnapHelper的实现原理是监听RecyclerView.OnFlingListener中的onFling接口。LinearSnapHelper是抽象类SnapHelper的具体实现。
上面的效果只需下面几行代码即可。重点在于new LinearSnapHelper().attachToRecyclerView(recyclerView);
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(getContext(), LinearLayoutManager.HORIZONTAL, false); recyclerView.setLayoutManager(linearLayoutManager); new LinearSnapHelper().attachToRecyclerView(recyclerView);
接下来具体分析LinearSnapHelper是怎么实现类似ViewPager的功能的
attachToRecyclerView,居中处理分析
public void attachToRecyclerView(@Nullable RecyclerView recyclerView) throws IllegalStateException { ... snapToTargetExistingView(); ... } /** * 1. 找到居中显示的View * 2. 计算view离当前的位置距离, 调用mRecyclerView.smoothScrollBy使其居中 */ private void snapToTargetExistingView() { View snapView = findSnapView(layoutManager); int[] snapDistance = calculateDistanceToFinalSnap(layoutManager, snapView); if (snapDistance[0] != 0 || snapDistance[1] != 0) { mRecyclerView.smoothScrollBy(snapDistance[0], snapDistance[1]); } } /** * 1. 找到当前RecyclerView的居中位置center * 2. 循环遍历子节点,找出子节点居中位置最接近center的视图,及SnapView */ public View findSnapView(RecyclerView.LayoutManager layoutManager) { ... } /** * 计算到targetView要移动的距离 */ @Override public int[] calculateDistanceToFinalSnap( @NonNull RecyclerView.LayoutManager layoutManager, @NonNull View targetView) { ... }
RecyclerView.OnFling,滑动后停止到居中位置分析
SnapHelper extends RecyclerView.OnFlingListener,重载onFling函数
public boolean onFling(int velocityX, int velocityY) { LayoutManager layoutManager = mRecyclerView.getLayoutManager(); if (layoutManager == null) { return false; } RecyclerView.Adapter adapter = mRecyclerView.getAdapter(); if (adapter == null) { return false; } int minFlingVelocity = mRecyclerView.getMinFlingVelocity(); return (Math.abs(velocityY) > minFlingVelocity || Math.abs(velocityX) > minFlingVelocity) && snapFromFling(layoutManager, velocityX, velocityY); } /** * 同样的套路,先根据移动速度确定最终位置,然后startSmoothScroll */ private boolean snapFromFling(@NonNull LayoutManager layoutManager, int velocityX, int velocityY) { ... int targetPosition = findTargetSnapPosition(layoutManager, velocityX, velocityY); if (targetPosition == RecyclerView.NO_POSITION) { return false; } smoothScroller.setTargetPosition(targetPosition); layoutManager.startSmoothScroll(smoothScroller); return true; }
代码下载
https://github.com/huazhiyuan2008/RecyclerViewCardGallery
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所提供内容均为作者提供、网友推荐、互联网整理而来,仅供学习参考,如有侵犯您的版权,请联系我们,本站将在三个工作日内改正。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- AA分享网