-
什么是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>