View的事件体系---V3.3 弹性滑动

红太狼 2022-07-30 13:17 165阅读 0赞

一. 在上一节中，讲述了View滑动的三种方式，如果直接使用呢，会显得比较生硬，用户体验不太好，下面简单描述一下实现View的渐进式滑动。实现方式挺多，大致原理都是一样的，将一次大的滑动划分成若干次小的滑动，并在一个时间段内完成，下面简单介绍三种：

> a. Scroller
> 
> b. Handler\#postDelayed
> 
> c. Thread\#Sleep

二. 使用Scroller

> a. 简述一下这个的实现原理和代码

> > private void smoothScrollTo(int destX, int destY) {
> > int scrollX = getScrollX();
> > int scrollY = getScrollY();
> > mScroller.startScroll(scrollX, scrollY, destX, destY);
> > invalidate();
> > }
> > 
> > @Override
> > public void computeScroll() {
> > if (mScroller.computeScrollOffset()) {
> > scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
> > postInvalidate();
> > }
> > }
> > 
> > 上面是Scroller的典型的使用方法，当我们构造一个Scroller对象并调用它的startScroll方法时，Scroller内容其实什么也没做，只是保存了我们传递的几个参数，源码如下：
> > 
> > /**
> > * Start scrolling by providing a starting point, the distance to travel,
> > * and the duration of the scroll.
> > * 
> > * @param startX Starting horizontal scroll offset in pixels. Positive
> > * numbers will scroll the content to the left.
> > * @param startY Starting vertical scroll offset in pixels. Positive numbers
> > * will scroll the content up.
> > * @param dx Horizontal distance to travel. Positive numbers will scroll the
> > * content to the left.
> > * @param dy Vertical distance to travel. Positive numbers will scroll the
> > * content up.
> > * @param duration Duration of the scroll in milliseconds.
> > */
> > public void startScroll(int startX, int startY, int dx, int dy, int duration) {
> > mMode = SCROLL_MODE;
> > mFinished = false;
> > mDuration = duration;
> > mStartTime = AnimationUtils.currentAnimationTimeMillis();
> > mStartX = startX;
> > mStartY = startY;
> > mFinalX = startX + dx;
> > mFinalY = startY + dy;
> > mDeltaX = dx;
> > mDeltaY = dy;
> > mDurationReciprocal = 1.0f / (float) mDuration;
> > }
> > 
> > ![Image 1][]startX startY表示滑动的起点，dx dy表示滑动的距离，duration表示的滑动的时间。startScroll之后的invalidate方法会导致view重绘，在View的onDraw方法中又会调用computeScroll方法，此方法内部调用ScrollTo方法进行滑动，同时又调用postInvalidate方法通知到View进行重绘，反复如此，完成View的弹性滑动，ps:此时完成的是View内容的滑动而非view本身的滑动。

三. 通过动画

> a. 动画本身就是一种渐进的过程，通过他实现的滑动自然具有滑动效果。
> 
> b. 示例代码如下：![Image 1][]将parent对象，在1S内右移100个像素。
> 
> ObjectAnimator.ofInt(parent, "translationX", 0, 100).setDuration(1000).start();
> 
> c. 下面利用ValueAnimator结合Scroller来实现View的滑动，代码如下：![Image 1][]
> 
> public void onAnimScroll(View view) {
> final int startX = 0;
> final int delaX = 100;
> ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 1).setDuration(100);
> valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
> @Override
> public void onAnimationUpdate(ValueAnimator animation) {
> int animatedFraction = (int) animation.getAnimatedFraction();
> parent.scrollTo(startX + (int) (animatedFraction * delaX), 0);
> }
> });
> valueAnimator.start();
> }

四. 使用延时策略

> a. 核心思想是通过发送一系列延时消息达到一种渐进式的效果，比如Handler或View的postDelayed方法，或者使用线程的sleep方法。
> 
> b. 对于postDelay方法来说，通过发送延时消息，在消息中进行View的滑动处理。
> 
> c. 对于sleep，通过while循环中不断地滑动View和sleep，就可以实现滑动效果。
> 
> d. 下面使用handler来实现View的弹性滑动，代码如下：![Image 1][]
> 
> private static final int MESSAGE_SCROLL_TO = 3;
> private static final int FRAME_COUNT = 33;
> private static final int DELAYED_TIME = 30;
> 
> private int mCount;
> 
> private Handler mHandler = new Handler() {
> @Override
> public void handleMessage(Message msg) {
> switch (msg.what) {
> case MESSAGE_SCROLL_TO:
> mCount++;
> if (mCount <= FRAME_COUNT) {
> float fraction = mCount / (float) FRAME_COUNT;
> int scrollX = (int) (fraction * 100);
> parent.scrollTo(scrollX, 0);
> mHandler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO, DELAYED_TIME);
> }
> break;
> }
> }
> };
> 
> public void onHandleScroll(View view) {
> mHandler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO, DELAYED_TIME);
> }
> 
> 
> 
>

[Image 1]: