Scroller(触摸滑屏)

  • 什么是Scroller?

    • 翻译为弹性滑动对象,可以实现View的弹性滑动动画,与Scroller相关的就是大家比较熟悉的scrollTo和scrollBy方法,可以用来实现View的滑动,但是它们的缺点就是瞬间完成,无法很平滑地过渡,而Scroller可以帮助我们很平滑地进行弹性滑动。
  • Scroller类的介绍

    • 我们知道想把一个View偏移至指定坐标(x,y)处,利用scrollTo()方法直接调用就OK了,但我们不能忽视的是,该方法本身
      来的的副作用:非常迅速的将View/ViewGroup偏移至目标点,而没有对这个偏移过程有任何控制,对用户而言可能是不太友好的。于是,基于这种偏移控制,Scroller类被设计出来了,该类的主要作用是为偏移过程制定一定的控制流程(后面我们知道的更多),从而使偏移更流畅,更完美。
  • DIYView.java(自定义View)

public class DIYView extends LinearLayout{

     // 创建一个Scroller
    private Scroller mScroller;

    public DIYView(Context context)
    {
        this(context, null);
    }
    // 1、创建Scroller
    public DIYView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        mScroller = new Scroller(context);
    }

    // 2、触摸回调,每次X轴方向加100,然后调用smoothScrollTo
    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        int disX = mScroller.getFinalX() + 100;

        Log.e("===============", "onTouchEvent");
        smoothScrollTo(disX, 0);
        return super.onTouchEvent(event);
    }

    // 3、根据坐标差 调用smoothScrollBy
    public void smoothScrollTo(int fx, int fy)
    {
        int dx = fx - mScroller.getFinalX();
        int dy = fy - mScroller.getFinalY();
        smoothScrollBy(dx, dy);
    }

    // 4、调用startScroll设置坐标,然后invalidate重绘
    public void smoothScrollBy(int dx, int dy)
    {

        // 参数一:startX 参数二:startY为开始滚动的位置,dx,dy为滚动的偏移量, 1500ms为完成滚动的时间
        mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx,
                dy, 3000);
        //调用这个函数后会刷新整个矩形客户区,或者部分指定的客户区,区域将会重绘
        invalidate();
    }

    // 5、重绘过程会调用computeScroll 真正调用scrollTo进行滚动 然后再进行重绘
    @Override
    public void computeScroll()
    {

        // 判断滚动是否完成 true就是未完成
        if (mScroller.computeScrollOffset())
        {
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());

            // 本案例中 调用postInvalidate和invalidate都可以
            invalidate();
        }
        super.computeScroll();
    }
}

  • 布局文件



    

    


  • 主Activity不需进行任何改动

  • 演示

Scroller(触摸滑屏)_第1张图片
Scroller.gif
  • 摘自亲爱的辅导员(yungfan)

你可能感兴趣的:(Scroller(触摸滑屏))