溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android中如何使用Scroller實現(xiàn)平滑滾動功能

發(fā)布時間：2020-07-16 17:27:35 來源：億速云 閱讀：421 作者：小豬 欄目：開發(fā)技術(shù)

這篇文章主要講解了Android中如何使用Scroller實現(xiàn)平滑滾動功能，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

記錄使用Scroller實現(xiàn)平滑滾動，效果圖如下：

Android中如何使用Scroller實現(xiàn)平滑滾動功能

一、自定義View中實現(xiàn)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，超過屏幕一半時設(shè)置為500ms
  if (mStartX > screenWidth / 2){
   mScroller.extendDuration(500);
  }
  invalidate();
 }

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

Scroller其實是個輔助類，本身并不能完成動畫的執(zhí)行。而是幫我們計算隨著時間的流逝，動畫應(yīng)該執(zhí)行的位置值，我們需要獲得當前時間的位置，然后調(diào)用View位置移動方法，將View移動到該位置，完成動畫。

所以，在自定義View中。我們需要調(diào)用invalidate()觸發(fā)View的重繪，并覆寫重繪會執(zhí)行的方法computeScroll()。

在computeScroll()方法中調(diào)用Scroller的computeScrollOffset()計算當前時間動畫應(yīng)該移動的位置，返回值是動畫是否在執(zhí)行。

通過mScroller.getCurrX()和mScroller.getCurrY()獲得當前時間的位置。手動調(diào)用View位置移動的方法將View的位置移動到當前時間的位置，實現(xiàn)View的滾動。

然后再次調(diào)用invalidate()觸發(fā)刷新。直到computeScrollOffset()返回false，動畫執(zhí)行完成，滾動完成。

二、直接使用Scroller實現(xiàn)View的平滑滾動

我們知道，Scroller會幫我們計算當前時間，插值器返回的值。

而如果直接使用Scroller實現(xiàn)平滑滾動的話，也需要借助帶時間的監(jiān)聽器。

這里借助ValueAnimator來實現(xiàn)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實現(xiàn)平滑滾動功能

看完上述內(nèi)容，是不是對Android中如何使用Scroller實現(xiàn)平滑滾動功能有進一步的了解，如果還想學習更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手