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();
    }
}

  • 布局文件

<com.example.scrollerview.DIYView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#f0ece0" >

    <!-- 提示文本 -->

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#d8a89a"
        android:gravity="center"
        android:text="请向左滑动"
        android:textSize="30sp" />

</com.example.scrollerview.DIYView>
  • 主Activity不需进行任何改动

  • 演示

Scroller.gif
  • 摘自亲爱的辅导员(yungfan)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是View View 是 Android 中所有控件的基类。 View的位置参数 View 的位置由它的四个顶...
    acc8226阅读 1,209评论 0 7
  • 内容是博主照着书敲出来的,博主码字挺辛苦的,转载请注明出处,后序内容陆续会码出。 当了解了Android坐标系和触...
    Blankj阅读 6,669评论 3 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,018评论 25 708
  • 我有时不懂自己 我也开始不去理会自己 找到让自己适应的活法并快乐进行下去 不喜过于迅速的亲密 不善繁琐的交际盘旋 ...
    卷主阅读 200评论 0 0
  • 下班回来12点了,华为工作时间为996,我工作时间不定,大概8 11 6.5 。一回家,我再一次去思考如何去面对死...
    梁十本阅读 479评论 0 1