Android之View篇1————初识View

太过爱你忘了你带给我的痛 2022-05-24 09:21 239阅读 0赞

# Android之View篇1————初识View #

### 一. 目录 ###

### 文章目录 ###

*  Android之View篇1————初识View
 *   *   *  一. 目录
         *  二. View的基础知识
         *   *  1.什么是View
             *  2.View的位置参数
             *  3.MotionEvent
             *  4.TouchSlop
             *  5.VelocityTracker
             *  6.GestureDetector
         *  三. View的滑动
         *   *  1.使用scrollTo/scrollBy
             *  2.使用动画
             *  3.改变布局参数
             *  4.各种滑动方式的对比
         *  四. 弹性滑动
         *   *  1.使用Scroller
             *  2.通过动画
             *  3.使用延时策略
         *  五.参考资料

### 二. View的基础知识 ###

#### 1.什么是View ####

View是所有Android中所有控件的基类，是界面层次上的一种抽象  
![image][]

#### 2.View的位置参数 ####

![image][image 1]  
![这里写图片描述][70]

#### 3.MotionEvent ####

MotionEvent是指触屏事件(Touch事件)的相关细节（触摸发生的时间，位置）包装而成，典型的事件有以下几类:

<table> 
 <thead> 
  <tr> 
   <th>事件类型</th> 
   <th align="right">具体动作</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>ACTION</td> 
   <td align="right">按下View</td> 
  </tr> 
  <tr> 
   <td>ACTION_MOVE</td> 
   <td align="right">手指在屏幕上移动</td> 
  </tr> 
  <tr> 
   <td>ACTION_UP</td> 
   <td align="right">手指从屏幕上松开的一瞬间</td> 
  </tr> 
  <tr> 
   <td>ACTION_CANCEL</td> 
   <td align="right">结束事件(非人为原因)</td> 
  </tr> 
 </tbody> 
</table>

通过MotionEvent对象我们可以得到点击事件的x和y坐标。

*  getX/getY 相对于View左上角
 *  getRawX/getRawY 相对于手机屏幕左上角

获得MotionEvent的方式:

*  在View或Activity中拦截touch events，重写onTouchEvent方法
 *  对于View来说也可以通过setOnTouchListener()方法来监听touch events

特别说明:事件列

*  从手指接触屏幕 至 手指离开屏幕，这个过程产生的一系列事件一般情况下，事件列都是以DOWN事件开始、UP事件结束，中间有无数的MOVE事件，如下图：
 *  ![这里写图片描述][format_png]

#### 4.TouchSlop ####

TouchSlop是系统所能识别的被认为是滑动的最小距离。这是个常量，和设备有关，在不同设备上这个值可能是不同的。

在Java代码中获取TouchSlop：ViewConfiguration.get(getContext).getScaledTouchSlop();

#### 5.VelocityTracker ####

VelocityTracker是指速度追踪，用于最终手势在滑动过程的速度。包括水平和竖直方向的速度。

使用:

//在View的onTouchEvent的方法中追踪当前事件的速度
    VelocityTracker velocityTracker = VelocityTracker.obtain();
    velocityTracker.addMovement(event);
    
    
    //1000这个参数表示时间间隔，最终得到的速度代表着1000毫秒内划过的像素大小。
    velocityTracker.computeCurrentVelocity(1000);
    int xVelocity = (int) velocityTracker.getXVelocity();
    int yVelocity = (int) velocityTracker.getYVelocity();
    
    //不需要是，调用clear方法回收并重置内存
    velocityTracker.clear();
    velocityTracker.recycle();

注意:和Android坐标轴相同方向结果为正，相反方向为负

#### 6.GestureDetector ####

GestureDetector即手势检测，用于辅助检测用户的单击，滑动，长按，双击等行为.

GestureDetector内部的Listener接口：

*  OnGestureListener，这个Listener监听一些手势，如单击、滑动、长按等操作：
 *  OnDoubleTapListener，这个Listener监听双击和单击事件。
 *  OnContextClickListener，鼠标右键(加入外设)
 *  SimpleOnGestureListener，实现了上面三个接口的类，拥有上面三个的所有回调方法。

使用：

*  实例化GestureDetectorCompat类
 *  实现OnGestureListener/OnGestureListener/SimpleOnGestureListener接口
 *  接管目标View的OnTouchEvent方法

public class MainActivity extends AppCompatActivity {
        private static final String TAG = "MainActivity";
        GestureDetector mGestureDetector;
    
        GestureDetector.SimpleOnGestureListener mSimpleOnGestureListener = new GestureDetector.SimpleOnGestureListener() {
            @Override
            public boolean onSingleTapUp(MotionEvent e) {
                Log.d(TAG, "onSingleTapUp: 手指(轻触)送开");
                return false;
            }  //手指(轻触)送开
    
            @Override
            public void onLongPress(MotionEvent e) {  //长按
            }
    
            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2,
                                    float distanceX, float distanceY) { //按下并拖动
                return false;
            }
    
            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
                                   float velocityY) { //按下触碰长按并松开
                return false;
            }
    
            @Override
            public void onShowPress(MotionEvent e) { //手指轻触屏幕的一瞬间，尚未松开
            }
    
            @Override
            public boolean onDown(MotionEvent e) {
                return false;
            }  //手指轻触屏幕的一瞬间
    
            @Override
            public boolean onDoubleTap(MotionEvent e) {
                Log.d(TAG, "onDoubleTap: 双击");
                return false;
            } //双击
    
            @Override
            public boolean onDoubleTapEvent(MotionEvent e) {
                return false;
            }  //发生了双击，并送开
    
            @Override
            public boolean onSingleTapConfirmed(MotionEvent e) {
                return false;
            } //严格的单击
    
            @Override
            public boolean onContextClick(MotionEvent e) { //当鼠标/触摸板，右键点击时候的回调。
                return false;
            }
        };
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            mGestureDetector = new GestureDetector(this, mSimpleOnGestureListener);  //实例
    
            View view= findViewById(R.id.view);
            view.setOnTouchListener(new View.OnTouchListener() { //接管View的onTouch
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    return mGestureDetector.onTouchEvent(event);
                }
            });
            view.setLongClickable(true);
        }
    }

### 三. View的滑动 ###

View的滑动的实现有3种方法:

*  使用scrollTo/scrollBy
 *  使用动画
 *  改变布局参数

#### 1.使用scrollTo/scrollBy ####

使用：  
调用控件所在父容器的scrollTo/scrollBy方法  
![这里写图片描述][70 1]

scrollTo/scrollBy的区别:

*  scrollTo是基于参数的绝对滑动。
 *  scrollBy是基于参数的相对滑动。
 *  注意，两者都是移动View的内容，而不是VIew本身

源码中scrollTo/scrollBy的实现:

/**
         * Set the scrolled position of your view. This will cause a call to
         * {@link #onScrollChanged(int, int, int, int)} and the view will be
         * invalidated.
         * @param x the x position to scroll to
         * @param y the y position to scroll to
         */
        public void scrollTo(int x, int y) {
            if (mScrollX != x || mScrollY != y) {
                int oldX = mScrollX;
                int oldY = mScrollY;
                mScrollX = x;
                mScrollY = y;
                invalidateParentCaches();
                onScrollChanged(mScrollX, mScrollY, oldX, oldY);
                if (!awakenScrollBars()) {
                    postInvalidateOnAnimation();
                }
            }
        }
    
        /**
         * Move the scrolled position of your view. This will cause a call to
         * {@link #onScrollChanged(int, int, int, int)} and the view will be
         * invalidated.
         * @param x the amount of pixels to scroll by horizontally
         * @param y the amount of pixels to scroll by vertically
         */
        public void scrollBy(int x, int y) { //可以看出scrollBy也是调用scrollBy实现的
            scrollTo(mScrollX + x, mScrollY + y);
        }

#### 2.使用动画 ####

通过使用动画，我们也可以实现一个View的平移，主要也是操作View的translationX和translationY，既可以补见动画，也可以采取属性动画。

补间动画

//layout下anim包中新建translate.xml
    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
        android:fillAfter="true"
        >
       <translate
           android:fromXDelta="0"
            android:fromYDelta="0"
            android:toXDelta="300"
            android:toYDelta="800"
            android:duration="1000"
           android:interpolator="@android:anim/linear_interpolator"
           />
    </set>
    
     Animation animation = AnimationUtils.loadAnimation(this, R.anim.translate);
            layout.setAnimation(animation);
            animation.start();

![这里写图片描述][70 2]

属性动画

ObjectAnimator.ofFloat(layout,"translationX",0,100).setDuration(1000).start();

![这里写图片描述][70 3]

根据gif图很容易可以看出了:  
View动画是对View的影像进行操作的。也就是说View动画并不能真正的改变View的位置。  
属性动画是真正改变View的位置，但它是从Android3.0开始推出的。

#### 3.改变布局参数 ####

改变布局参数LayoutParams：

ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) layout.getLayoutParams();
                    params.width+=300;
                    params.leftMargin+=300;
                    layout.requestLayout();

#### 4.各种滑动方式的对比 ####

![这里写图片描述][70 4]

### 四. 弹性滑动 ###

实现View的弹性滑动，即渐进式滑动。实现的方法很多，但都有一个共同的思想，将一次大的滑动分成若干次小的滑动，并在一个时间段中完成，下面就是常见的实现滑动的方法。

#### 1.使用Scroller ####

使用:

*  创建Scroller实例
 *  调用startScroll()方法来初始化滚动数据并刷新界面
 *  重写computeScroll()方法，并在其内部完成平滑滚动的逻辑

//第一步
     private Scroller mScroller;
     mScroller = new Scroller(context);
    
    // 第二步，调用startScroll()方法来初始化滚动数据并刷新界面
    mScroller.startScroll(getScrollX(), 0, dx, 0);
    
    @Override
    public void computeScroll() {
    	// 第三步，重写computeScroll()方法，并在其内部完成平滑滚动的逻辑
    	if (mScroller.computeScrollOffset()) {
    		scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
    	invalidate();
    	}
    }

#### 2.通过动画 ####

动画本身就是一种渐进的过程，因此通过它来实现太天然就具备弹性效果。比如，下面的代码就可以让一个VIew在100ms向右移动200像素

ObjectAnimator.ofFloat(layout,"translationX",0,200).setDuration(100).start();

#### 3.使用延时策略 ####

延时策略的核心思想就是通过发送一系列延时消息，从而达到一种渐进式的效果，可以使用Handler，View的PostDelayed方法，或者线程的sleep方法。

以Handled为例，下面的代码将VIew的内容向左移动100像素。

private static final int MESSAGE_SCROLL_TO = 1;
        private static final int FRAME_COUNT = 30;
        private static final int DELAYED_TIME = 33;
    
        private int mCount;
    
        private Handler mHandler = new Handler() {
            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);
                            Button mButton;
                            mButton.scrollTo(scrollX,0);
                            mHandler.sendEmptyMessageDelayed(MESSAGE_SCROLL_TO,DELAYED_TIME);
                        }
                        break;
                    }
                    default:
                        break;
                }
    
            }
        };

### 五.参考资料 ###

《Android艺术开发探索》  
[Android开发艺术探索笔记 ——View（一）][Android_ _View]  
[Android手势检测——GestureDetector全面分析][Android_GestureDetector]  
[Android Scroller完全解析，关于Scroller你所需知道的一切][Android Scroller_Scroller]

[image]: /images/20220524/22a951d3b5c441e4a1c989aa2ec97ea8.png
[image 1]: /images/20220524/34978f0f90d84117ba23ed4867c43ffc.png
[70]: /images/20220524/13c8bb0fa5d7465fa6cf93af090cac65.png
[format_png]: /images/20220524/65f5222e28624f52aa67f253a38b0ee2.png
[70 1]: /images/20220524/d2e8fe06437445f89d48418cbbbba277.png
[70 2]: /images/20220524/72f0335331364708a06cdf2942322742.png
[70 3]: /images/20220524/8aaca13d4a364b6c874c3f940c84ae99.png
[70 4]: /images/20220524/ae18cd8b619141e4baafcbe187a15c8a.png
[Android_ _View]: https://www.cnblogs.com/JohnTsai/p/5726385.html
[Android_GestureDetector]: https://blog.csdn.net/totond/article/details/77881180
[Android Scroller_Scroller]: https://blog.csdn.net/guolin_blog/article/details/48719871