Android Studio - 第四十三期 RecyclerView存在大量Item时,当滚到底部时快速滑到顶部

简介:

    在使用RecyclerView展示图片或者其他信息时,往往需要展示很多的Item,当滚到底部时又想回到顶部,如果一点一点的向上划去比较麻烦,而且用户体验不好。因此添加一个快速回到顶部的按钮是很有必要的,并且刚开始的时候这个按钮是隐藏的,当滑动超过超过一屏的时候才会出现,在滑动的过程中也是不会出现的。很多类似的项目都会使用到,但是如何在快速回到顶部的过程中不出现卡顿,体现的很是流畅,这点很重要。下面是我根据网上的方法自己修改的一个可以快速回到顶部的类,在此做一下备注,以便日后查看:

    1.FastScrollManger.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import  android.content.Context;
import  android.graphics.PointF;
import  android.support.v7.widget.LinearLayoutManager;
import  android.support.v7.widget.LinearSmoothScroller;
import  android.support.v7.widget.RecyclerView;
import  android.util.DisplayMetrics;
 
/**
  * 快速回到RecyclerView 的顶部,不会出现卡顿
  */
 
public  class  FastScrollManger  extends  LinearLayoutManager {
     public  FastScrollLinearLayoutManager(Context context) {
         super (context);
     }
 
     public  FastScrollLinearLayoutManager(Context context,  int  orientation,  boolean  reverseLayout) {
         super (context, orientation, reverseLayout);
     }
 
     @Override
     public  void  smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state,  int  position) {
         LinearSmoothScroller linearSmoothScroller =  new  LinearSmoothScroller(recyclerView.getContext()) {
 
             @Override
             public  PointF computeScrollVectorForPosition( int  targetPosition) {
                 return  FastScrollLinearLayoutManager. this .computeScrollVectorForPosition(targetPosition);
             }
 
             //控制速度。
             @Override
             protected  float  calculateSpeedPerPixel(DisplayMetrics displayMetrics) {
                 return  super .calculateSpeedPerPixel(displayMetrics);
             }
             @Override
             protected  int  calculateTimeForScrolling( int  dx) {
                 if  (dx >  3000 ) {
                     dx =  3000 ;
                 }
 
                 int  time =  super .calculateTimeForScrolling(dx);
                 return  time;
             }
         };
 
         linearSmoothScroller.setTargetPosition(position);
         startSmoothScroll(linearSmoothScroller);
     }
}

    2.使用

1
2
3
4
5
mRecyclerView = (RecyclerView) findViewById(R.id.activity_recyclerview);
         LinearLayoutManager layout =  new  FastScrollManager(CustomActivity. this , LinearLayoutManager.VERTICAL,  false );
         mRecyclerView.setLayoutManager(layout); //竖直放置        ...
         mRecyclerView.setAdapter(mMyAdapter);
         mRecyclerView.addOnScrollListener( new  MyRecyclerViewScrollListener());

    3.控制显示与隐藏

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
//滑动监听
     private  class  MyRecyclerViewScrollListener  extends  RecyclerView.OnScrollListener {
         @Override
         public  void  onScrollStateChanged(RecyclerView recyclerView,  int  newState) {
             super .onScrollStateChanged(recyclerView, newState);
             LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager();
             int  firstVisibleItemPosition = manager.findFirstVisibleItemPosition();
             // 当不滚动时
             if  (newState == RecyclerView.SCROLL_STATE_IDLE) {
                 // 判断是否滚动超过一屏
                 if  (firstVisibleItemPosition ==  0 ) {
                     mImageViewRebackTop.setVisibility(View.INVISIBLE);
                 else  {
                     mImageViewRebackTop.setVisibility(View.VISIBLE);
                 }
 
             else  if  (newState == RecyclerView.SCROLL_STATE_DRAGGING) { //拖动中
                 mImageViewRebackTop.setVisibility(View.INVISIBLE);
             }
         }
     }

    4.点击回到顶部按钮的时候,回到顶部

1
mRecyclerView.smoothScrollToPosition( 0 );

    附:执着的念想~

    wKioL1lwKFWiyt9kAAEwbqHvIJs739.jpg









本文转自 吴雨声 51CTO博客,原文链接:http://blog.51cto.com/liangxiao/1949249,如需转载请自行联系原作者

目录
相关文章
|
3月前
|
API Android开发 开发者
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
Android UI设计: 什么是RecyclerView?为什么它比ListView更好?
31 2
|
3月前
|
人工智能 IDE 开发工具
Studio Bot - 让 AI 帮我写 Android 代码
Studio Bot - 让 AI 帮我写 Android 代码
161 1
|
28天前
|
Java Android开发
Android Studio的使用导入第三方Jar包
Android Studio的使用导入第三方Jar包
12 1
|
2月前
|
数据库 Android开发 数据库管理
【Android】使用android studio查看内置数据库信息
【Android】使用android studio查看内置数据库信息
76 0
|
2月前
|
编译器 开发工具 Android开发
|
2月前
|
Android开发
【Android Studio】小游戏 | 实现两个小动物随手指移动
【Android Studio】小游戏 | 实现两个小动物随手指移动
|
2月前
|
Android开发 数据安全/隐私保护
【Android Studio】简单的QQ登录界面
【Android Studio】简单的QQ登录界面
|
3月前
|
IDE 开发工具 Android开发
Android Studio 下发布项目成APK文件
Android Studio 下发布项目成APK文件
118 1
|
3月前
|
前端开发 Java 数据库
用android studio写一个简单的记单词?????App
用android studio写一个简单的记单词?????App
23 0
|
4月前
|
API Android开发 开发者
Android Studio Electric Eel | 2022.1.1 版本
Android Studio Electric Eel | 2022.1.1 版本