Android RrecyclerView条目跳转到指定位置

2018-07-04  本文已影响0人  LogyKoala

1. 先上效果图,有图有真有真相

效果图

2. 相关需求,点击RecyclerView中的某一个条目,让该条目滑动到屏幕中间。

3.RecyclerView各种滚动方法分析

  1. scrollTo(int x, int y)和scrollBy(int x, int y)这两个方法可以让我们自己去控制滚动距离但是没有滚动效果。
  2. scrollToPosition(int position)滚动到指定条目,有滚动效果,但是当指定条目显示在屏幕中他就没有下文了,我们不能控制滚动的具体位置
  3. smoothMoveToPosition(int position)效果同scrollToPosition(int position)
  4. ((LinearLayoutManager)mLayoutManager).scrollToPositionWithOffset(int position, int offset)滚动到指定条目并且可以设置相对偏移量,但是没有滚动效果

4. 效果分析

  1. 我这里用到的是上面第四种方法scrollToPositionWithOffset(int position, int offset)。 至于上面提到的没有滚动效果是用的属性动画来给他添加滚动效果的
  2. 分析图


    分析图

如图可以看到滚动距离就是该条目在屏幕上的位置,到我们需要滚动到位置。


我们可以讲上面的效果图拆分为下面三个步骤
  1. 获取条目在屏幕中的位置
  2. 计算我们需要将条目滑动的位置
  3. 使用属性动画将条目从当前位置滚动到我们想要他最终停止的位置
部分代码

· 获取条目在屏幕中的位置

 int[] outLocation = new int[2];
 itemLayout.getLocationOnScreen(outLocation);
 int[] outLocation = new int[2];
//这里减去了状态栏高度,如果是全屏没有状态栏可以不用减
 int itemLayoutHeight = outLocation[1] - getStatusBarHeight(MainActivity.this);

· 计算需要滚动到的地方,根据自己的需求来
· 使用属性动画


RecyclerView.LayoutManager layoutManager = mRecyclerView.getLayoutManager();
                if (layoutManager != null && layoutManager instanceof LinearLayoutManager) {
                    final LinearLayoutManager mLayoutManager = (LinearLayoutManager) layoutManager;
                    if (centreHeight != itemLayoutHeight) {
                        ValueAnimator valueAnimator = ValueAnimator.ofInt(itemLayoutHeight, centreHeight);
                        valueAnimator.setDuration(500);
                        valueAnimator.setInterpolator(new LinearInterpolator());
                        valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
                            @Override
                            public void onAnimationUpdate(ValueAnimator animation) {
                                int animatedValue = (int) animation.getAnimatedValue();
                                ((LinearLayoutManager) mLayoutManager).scrollToPositionWithOffset(position, animatedValue);

                            }
                        });
                        valueAnimator.start();
                    }
                }

好了上面是部分代码,我把我自己写的demo贴出来
代码传送门RecyclerViewItemCentreDemp

上一篇下一篇

猜你喜欢

热点阅读