Android 使用 Scroller 实现平滑滚动功能的示例代码

记录使用Scroller实现平滑滚动,效果图如下:

一、自定义View中实现View的平滑滚动

public class ScrollerView extends View {

 private Scroller mScroller;
 private Paint mPaint;
 /**
  * 屏幕拖动最小像素
  */
 private int mTouchSlop;
 /**
  * View宽度
  */
 private int width;
 /**
  * View高度
  */
 private int height;
 /**
  * MotionEvent.getX()
  */
 private int mEventX;
 /**
  * MotionEvent.getY()
  */
 private int mEventY;
 private Bitmap mBitmap;
 /**
  * View到屏幕左边距离
  */
 private int mStartX;
 /**
  * View到屏幕顶部距离
  */
 private int mStartY;
 /**
  * View默认大小
  */
 private static int DEFAULT_SIZE = 200;

 public ScrollerView(Context context) {
  this(context, null);
 }

 public ScrollerView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  mPaint = new Paint();
  mScroller = new Scroller(context);

  ViewConfiguration configuration = ViewConfiguration.get(context);
  mTouchSlop = ViewConfigurationCompat.getScaledHoverSlop(configuration);
  mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  int widthMode = MeasureSpec.getMode(widthMeasureSpec);
  int heightMode = MeasureSpec.getMode(heightMeasureSpec);
  if (widthMode == MeasureSpec.EXACTLY) {
   width = MeasureSpec.getSize(widthMeasureSpec);
  } else {
   if (heightMode == MeasureSpec.EXACTLY) {
    width = MeasureSpec.getSize(heightMeasureSpec);
   } else {
    width = DEFAULT_SIZE;
   }
  }

  if (heightMode == MeasureSpec.EXACTLY) {
   height = MeasureSpec.getSize(heightMeasureSpec);
  } else {
   height = width;
  }
  setMeasuredDimension(width, height);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  if (null != mBitmap) {
   Rect src = new Rect(0, 0, mBitmap.getWidth(), mBitmap.getHeight());
   Rect dst = new Rect(0, 0, width, height);
   canvas.drawBitmap(mBitmap, src, dst, mPaint);
  } else {
   Log.e("zzy", "Bitmap is null");
  }
 }

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  int action = event.getAction();
  switch (action) {
   case MotionEvent.ACTION_DOWN:
    mEventX = (int) event.getX();
    mEventY = (int) event.getY();
    break;
   case MotionEvent.ACTION_MOVE:
    mStartX = (int) event.getRawX() - mEventX;
    mStartY = (int) event.getRawY() - mEventY;
    layout(mStartX,mStartY,mStartX+width,mStartY+height);
    break;
   case MotionEvent.ACTION_UP:
    startScroller();
    break;
  }
  return true;
 }

 @Override
 public void computeScroll() {
  if (mScroller.computeScrollOffset()){
   int l = mScroller.getCurrX();
   layout(l,mStartY,l+width,mStartY+height);
   invalidate();
  }
 }

 /**
  * 开始Scroller动画
  */
 private void startScroller(){
  mScroller.forceFinished(true);
  mScroller.startScroll(mStartX, mStartY,-mStartX,0);
  int screenWidth = getScreenWidth();
  // Scroller动画默认250ms,超过屏幕一半时设置为500ms
  if (mStartX > screenWidth / 2){
   mScroller.extendDuration(500);
  }
  invalidate();
 }

 private int getScreenWidth(){
  return getResources().getDisplayMetrics().widthPixels;
 }
}

Scroller其实是个辅助类,本身并不能完成动画的执行。而是帮我们计算随着时间的流逝,动画应该执行的位置值,我们需要获得当前时间的位置,然后调用View位置移动方法,将View移动到该位置,完成动画。

所以,在自定义View中。我们需要调用invalidate()触发View的重绘,并覆写重绘会执行的方法computeScroll()

computeScroll()方法中调用ScrollercomputeScrollOffset()计算当前时间动画应该移动的位置,返回值是动画是否在执行。

通过mScroller.getCurrX()mScroller.getCurrY()获得当前时间的位置。手动调用View位置移动的方法将View的位置移动到当前时间的位置,实现View的滚动。

然后再次调用invalidate()触发刷新。直到computeScrollOffset()返回false,动画执行完成,滚动完成。

二、直接使用Scroller实现View的平滑滚动

我们知道,Scroller会帮我们计算当前时间,插值器返回的值。

而如果直接使用Scroller实现平滑滚动的话,也需要借助带时间的监听器。

这里借助ValueAnimator来实现Scroller平滑滚动

 private Scroller mScroller;
 private ImageView mImage;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  mImage = findViewById(R.id.image);

  mScroller =new Scroller(this);
 }

 public void btnStart(View view){
  start();
 }

 private void start(){
  mScroller.forceFinished(false);
  mScroller.extendDuration(500);
  mScroller.startScroll(0,0,400,400);
  ValueAnimator valueAnimator = ValueAnimator.ofFloat(0,1);
  valueAnimator.setDuration(500);
  valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
   @Override
   public void onAnimationUpdate(ValueAnimator animation) {
    if (mScroller.computeScrollOffset()){
     ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) mImage.getLayoutParams();
     params.leftMargin = mScroller.getCurrX();
     params.topMargin = mScroller.getCurrY();
     mImage.setLayoutParams(params);
    }
   }
  });
  valueAnimator.start();
 }

在ValueAnimator的addUpdateListener中刷新Scroller当前值。并移动位置。效果如下:

到此这篇关于Android 使用 Scroller 实现平滑滚动的文章就介绍到这了,更多相关android Scroller 平滑滚动内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

时间: 2020-07-11

Android使用Scroller实现弹性滑动效果

本文实例为大家分享了Android使用Scroller实现弹性滑动展示的具体代码,供大家参考,具体内容如下 scrollTo.scrollBy View内部为了实现滑动提供了这两个方法,但是使用这两个方法滑动的效果是瞬间的不够平滑,如何实现View的弹性滑动呢?这正是本博文讨论的主题.另外这两个函数滑动的是View的内容不是View本身.比如对于普通View好比TextView其内容就是文本,ImageView的内容则是drawable对象,采用这两种方法滑动的时候其实分别滑动的是文本及draw

Android用Scroller实现一个可向上滑动的底部导航栏

静静等了5分钟竟不知道如何写我这第一篇文章.每次都想好好的学习学习,有时间多敲敲代码,写几篇自己的文章.今天终于开始实行了,还是有点小激动的.哈哈! 好了废话就不多收了.我今天想实现的一个功能就是一个可以上滑底部菜单栏.为什么我会想搞这么个东西呢, 还是源于一年前,我们app 有这么个需求,当时百度也好谷歌也好,都没有找到想要的效果,其实很简单的一个效果.但是当时我也是真的太菜了,所有有关自定义的控件真的是不会,看别人的代码还好,真要是自己写,一点头绪都没有.因为我试着写了,真的不行啊.当时觉得

详解Android Scroller与computeScroll的调用机制关系

Android ViewGroup中的Scroller与computeScroll的有什么关系? 答:没有直接的关系 知道了答案,是不是意味着下文就没必要看了,如果说对ViewGroup自定义控件不感兴趣,可以不用看了. 1.Scroller到底是什么? 答:Scroller只是个计算器,提供插值计算,让滚动过程具有动画属性,但它并不是UI,也不是滑动辅助UI运动,反而是单纯地为滑动提供计算. 无论从构造方法还是其他方法,以及Scroller的属性可知,其并不会持有View,辅助ViewGrou

详解Android应用开发中Scroller类的屏幕滑动功能运用

今天给大家介绍下Android中滑屏功能的一个基本实现过程以及原理初探,最后给大家重点讲解View视图中scrollTo 与scrollBy这两个函数的区别 .   首先 ,我们必须明白在Android View视图是没有边界的,Canvas是没有边界的,只不过我们通过绘制特定的View时对Canvas对象进行了一定的操作,例如 : translate(平移).clipRect(剪切)等,以便达到我们的对该Canvas对象绘制的要求 ,我们可以将这种无边界的视图称为"视图坐标"----

android使用 ScrollerView 实现 可上下滚动的分类栏实例

如果不考虑更深层的性能问题,我个人认为ScrollerView还是很好用的.而且单用ScrollerView就可以实现分类型的RecyclerView或ListView所能实现的效果. 下面我单单从效果展示方面考虑,使用ScrollerView实现如下图所示的可滚动的多条目分类,只是为了跟大家一起分享一下新思路.(平时:若从复用性等方面考虑,这显然是存在瑕疵的~) 特点描述: 1.可上下滚动 2.有类似于网格布局的样式 3.子条目具有点击事件 刚看到这个效果时,首先想到的是使用分类型的Recyc

Android游戏开发实践之人物移动地图的平滑滚动处理

如图所示为程序效果动画图 地图滚动的原理 在本人之前博客的文章中介绍过人物在屏幕中的移动方式,因为之前拼的游戏地图是完全填充整个手机屏幕的,所以无需处理地图的平滑滚动.这篇文章我着重的向 大家介绍一下控制人物移动后地图滚动的处理方式.举个例子 如上图所示 比如人物向右移动,如果地图贴在屏幕左边边界 将先移动人物在地图的坐标,当人物在屏幕中超过三分之二后 则将地图向人物行走的反方向移动给玩家一种人物还在向右移动的假象,其实这时候人物只是播放向右行走的动画 在屏幕中的坐标不变 ,当地图向人物行走反方

android开发教程之使用线程实现视图平滑滚动示例

最近一直想做下拉刷新的效果,琢磨了好久,才走到通过onTouch方法把整个视图往下拉的步骤,接下来就是能拉下来,松开手要能滑回去啊.网上看了好久,没有找到详细的下拉刷新的例子,只有自己慢慢琢磨了.昨天和今天,研究了两天,下拉之后回滚回去的效果终于今天做出来了!开心.现在来分享下我的实现方法和一些心得体会吧.我看了网上一个大神的例子,发现是在onTouch里面使用View的scrollTo(int, int)方法,来使整个视图往下滚动的,我尝试了使用setTranslationY()来对视图进行回

android开发教程之子线程中更新界面

每个Handler对象与创建它的线程相关联,并且每个Handler对象只能与一个线程相关联.Handler一般有两种用途:1)执行计划任务,你可以再预定的实现执行某些任务,可以模拟定时器.2)线程间通信.在Android的应用启动时,会创建一个主线程,主线程会创建一个消息队列来处理各种消息.当你创建子线程时,你可以再你的子线程中拿到父线程中创建的Handler对象,就可以通过该对象向父线程的消息队列发送消息了.由于Android要求在UI线程中更新界面,因此,可以通过该方法在其它线程中更新界面.

Android开发教程之电源管理详解

本文实例讲述了Android电源管理.分享给大家供大家参考,具体如下: 一. 相关概念 1. 出于节电的需要,一般应用在用户一段时间无操作的情况下屏幕变暗,然后进入休眠状态 2. 用户只能在"设置->声音和显示"中设置所有应用默认的屏幕亮度和进行待机的时间 3. 电源管理的实现分内核应用两部分,通过下面介绍的接口,我们可以设置应用程序的电源管理,以控制与其休眠相关的状态(是否需要进入休眠,调整cpu频率,键盘灯的开关,屏幕的亮暗等) 二. 设置电源管理常用的几种状态 PARTIA

Android开发教程之调用摄像头功能的方法详解

本文实例讲述了Android调用摄像头功能的方法.分享给大家供大家参考,具体如下: 我们要调用摄像头的拍照功能,显然 第一步必须加入调用摄像头硬件的权限,拍完照后我们要将图片保存在SD卡中,必须加入SD卡读写权限,所以第一步,我们应该在Android清单文件中加入以下代码 摄像头权限: <uses-permission android:name="android.permission.CAMERA"/> SD卡读写权限: <uses-permission androi

Android开发中Listview动态加载数据的方法示例

本文实例讲述了Android开发中Listview动态加载数据的方法.分享给大家供大家参考,具体如下: 最近在研究网络数据加载的问题,比如我有几百,甚至上千条数据,这些数据如果一次性全部加载到arraylist,然后再加载到Listview中.我们必然会去单独开线程来做,这样造成的结果就是会出现等待时间很长,用户体验非常不好.我的想法是动态加载数据,第一次加载十条,然后往下面滑动的时候再追加十条,再往下面滑动的时候再去追加,这样大大减少了用户等待的时间,同时给处理数据留下了时间.网上看到了这样一

Android开发之底图局部加载移动的方法示例

本文实例讲述了Android开发之底图局部加载移动的方法.分享给大家供大家参考,具体如下: public class MapMgr { public static MapMgr mapMgr = null; private int map_num = 28; private int b_x = 0; private int b_y = 0; private int width = 0; private int height = 0; private Bitmap bmpView = null;

Android开发使用Drawable绘制圆角与圆形图案功能示例

本文实例讲述了Android开发使用Drawable绘制圆角与圆形图案功能.分享给大家供大家参考,具体如下: 1. 创建类RoundCircleDrawable继承Drawable /** * 圆角矩形 * @Project App_View * @Package com.android.view.drawable * @author chenlin * @version 1.0 * @Date 2016年4月21日 * @Note TODO */ public class RoundCircl

Android开发实现ListView点击item改变颜色功能示例

本文实例讲述了Android开发实现ListView点击item改变颜色功能.分享给大家供大家参考,具体如下: 一.先看看效果图: 二.实现步骤: 1. xml布局 <ListView android:id="@+id/left_listview" android:layout_width="match_parent" android:layout_height="match_parent" android:background="

Android开发实现绘制淘宝收益图折线效果示例

本文实例讲述了Android开发实现绘制淘宝收益图折线效果.分享给大家供大家参考,具体如下: 实现的效果我一会贴上,我先说下原理,我们知道要实现在canvas上画线,不就是要搞一个paint嘛,然后首先肯定要设置下paint的属性,那么画文字呢,不就是Textpaint吗,对,就是这么简单,接下来怎么画,折线图主要分为X轴和y轴,x轴表示日期,y表示收益,好,说道这里,大家应该知道怎么去做了,下面直接贴代码 这个方法是,画x,y坐标系的,以及上面的日期和收益了 private void draw

Android开发使用Messenger及Handler进行通信的方法示例

本文实例讲述了Android开发使用Messenger及Handler进行通信的方法.分享给大家供大家参考,具体如下: 1. 客户端service public class MessageService extends Service { private static final int MSG_SET_VALUE = 0x110; private Handler mHandler = new Handler() { public void handleMessage(Message msgFr