《Android开发艺术探索》笔记:第三章 View的事件体系

浅浅的花香味﹌ 2023-06-27 12:52 105阅读 0赞

3.1 View基础知识

  1. View是Android所有控件的基类;View是一种界面层的控件的一种抽象;ViewGroup是控件组,继承自View。
  2. View的位置主要由它的四个定点来决定,分别对应View的四个属性:top、left、right、bottom,这下坐标都是相对父容器而言的。从3.0开始View增加了x、y、translationX、translationY;x和y是View左上角的坐标,translationX和translationY是View左上方相对父容器的偏移量。

    1. x = left + translationX
    2. y = top + translationY

    View平移的过程中,top和left表示的是原始左上角的位置信息;其值并不会改变,此时发生改变的是x、y、translationX和translationY。

    x和left不同体现在:left是View的初始坐标,在绘制完毕后就不会再改变;而x是View偏移后的实时坐标,是实际坐标。y和top的区别同理。

    img

  3. MotionEvent是指用户手指触摸屏幕产生的一系列事件。
    4 点击屏幕后松开,事件序列 DOWN->UP点击屏幕滑动一会再松开,事件序列为 DOWN->MOVE->…->MOVE->UP。
  4. getX/getY获取相对当前View左上角的x和y坐标;getRawX/getRawY获取相对手机屏幕左上角的x和y坐标。
  5. TouchSlop是系统能识别滑动的最小距离,是系统常量,当手指在屏幕上滑动,小于这个距离,系统不认为你在进行滑动操作;可通过ViewConfiguration.get(getContext()).getScaledTouchSlop()方法来获取;
  6. VelocityTracker用于追踪手指在滑动过程中的速度。使用前在View的onTouchEvent方法中追踪当前单击事件的速度。

    VelocityTracker velocityTracker = VelocityTracker.obtain();
    velocityTracker.addMovement(event);
    //想知道滑动速度时
    //获取速度前需计算速度 参数 时间间隔 单位ms
    velocityTracker.computeCurrentVelocity(1000);
    //获取速度
    int xVelocity = (int)velocityTracker.getXVelocity();
    int yVelocity = (int)velocityTracker.getYVelocity();

速度 = (终点位置 - 起点位置)/ 时间段

  1. GestureDetector用于辅助检测用户的单击、滑动、长按、双击等行为;建议:如果只是监听滑动相关的推荐在onTouchEvent中实现,如果需要监听双击,使用GeststureDetector。
  2. Scroller用来实现View的弹性滑动,View的scrollTo/scrollBy是瞬间完成的,使用Scroller配合View的computeScroll方法配合使用达到弹性滑动的效果

3.2. View的滑动

  1. scrollTo和scrollBy只能改变View内容而不能改变View本身的位置。scrollBy内部也是调用了scrollTo,它是基于当前位置的相对滑动,scrollTo是基于所传递参数的绝对滑动,因此如果利用相同输入参数多次调用scrollTo()方法则只会出现一次View滑动的效果而不是多次。

    mScrollX:View的左边缘减去View的内容的左边缘;mScrollY:View的上边缘减去View的内容的上边缘。从右向左滑动,mScrollX为正值,反之为负值;从下往上滑动,mScrollY为正值,反之为负值。

    img

  2. 使用动画来移动View,主要是操作View的translationX和translationY属性。需要注意的是,View动画只是对View的影像做操作,它并不能真正改变View的位置参数,如果这个View设置了点击事件,点击动画后的新位置无法触发点击事件的,使用属性动画没有此问题,但3.0之前系统无属性动画。
  3. 改变布局参数实现滑动,即改变LayoutParams,如想将一个View右平移100px,只需要将该View的LayoutParams里的marginLeft增加100px即可

    ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams) mBtn.getLayoutParams();
    params.leftMargin += 100;
    mBtn.requestLayout();
    //或者mBtn.setLayoutParams(params);

总结:

  1. scrollTo/scrollBy: 操作简单,适合对View内容的滑动
  2. 动画: 操作简单,适合没有交互的View和实现负责的动画效果
  3. 改变布局参数:操作稍微复杂,适合有交互的View

3.3 弹性滑动

  1. Scroller不能直接完成View滑动,需要配合View的computeScroll方法才可以完成弹性滑动,它让View不断重绘,每一次重绘有一个时间间隔,通过这个时间间隔Scroller就可以得出View当前滑动的位置,知道了滑动位置就通过scrollTo来完成滑动。每一次滑动都会导致View小幅度滑动,多次小幅度滑动组成了弹性滑动,这就是Scroller的工作机制。
    startScroll()保存了我们传递的几个参数 ——> invalidate()会导致View重绘 ——> draw() ——> computeScroll()该方法为空实现,我们内部调用scrollTo(x,y)实现滑动 和 postInvalidate() 继续重绘,反复下去完成弹性滑动。

    Scroller则有过渡滑动的效果,能实现弹性滑动;而scrollTo/scrollBy过程是瞬间完成的,是非平滑的滑动

  2. 通过动画可以直接实现弹性滑动

    1. ObjectAnimator.ofFloat(targetView,"translationX",0,100).setDuration(1000).start();//在1000ms让targetView向右平移100像素
  3. 使用延时策略完成滑动,核心思想 就是通过发送一系列延时消息从而达到一种渐进式的效果。用Handler或View的postDelayed方法,postDelayed发送延时消息,然后消息中进行View滑动,接连不断的发送这种延时消息,达到弹性滑动的效果。也可以使用线程的sleep方法来实现。

3.4 View的事件分发

1. 点击事件的传递规则

  • dispatchTouchEvent(MotionEvent event) 用来处理事件的分发,返回结果受当前View的onTouchEvent和下级View的dispatchTouchEvent方法影响,表示是否消耗该事件。
  • onInterceptTouchEvent(MotionEvent event)
    在dispatchTouchEvent方法内部调用,用来判断是否拦截某个事件,如果当前View拦截了某个事件,那在同一个事件序列中,此方法不会再次调用,返回结果表示是否拦截当前事件
  • onTouchEvent(MotionEvent event)
    在dispatchTouchEvent方法中调用,用来处理点击事件,返回结果表示是否消耗当前事件,如果不消耗,在同一事件序列里,当前View无法再次接收到事件
  • 三者关系可以用如下伪代码表示

    public boolean dispatchTouchEvent(MotionEvent ev){

    1. boolean consume = false;
    2. if(onInterceptTouchEvent(ev)){
    3. consume = onTouchEvent(ev);
    4. }else{
    5. consume = child.dispatchTouchEvent(ev);
    6. }
    7. return consume;

    }

  1. 对于一个根ViewGroup,点击事件产生后,首先会传递给它,这时他的dispatchTouchEvent会调用,
    如果它的onInterceptTouchEvent返回true表示要拦截当前事件,接下来事件会交给这个ViewGroup处理,它的onTouchEvent就会被调用,如果这个ViewGroup的onInterceptTouchEvent返回false,则事件会继续传递给子元素,子元素的dispatchTouchEvent会调用,如此反复直到事件被处理。
  2. 当一个View需要处理事件时,如果设置了OnTouchListener,那么OnTouchListener的onTouch方法会回调,如果onTouch返回false,则当前View的onTouchEvent方法会被调用;如果返回true,那么onTouchEvent方法将不会调用。由此可见,OnTouchListener优先级高于onTouchEvent。OnClickListener优先级处在事件传递的尾端。
  3. 一个点击事件产生后,传递顺序:Activity->Window->View;如果一个View的onTouchEvent返回false,那么它的父容器的onTouchEvent会被调用,以此类推,所有元素都不处理该事件,最终将传递给Activity处理,即Activity的onTouchEvent会被调用。
  4. 同一个事件序列是指从手指触摸屏幕那一刻开始,到手指离开屏幕那一刻(down->move…move->up)
  5. 一个事件序列只能被一个View拦截且消耗,同一个事件序列所有事件都会直接交给它处理,并且它的onInterceptTouchEvent不会再被调用。
  6. 某个View一旦开始处理事件,如果它不消耗ACTION_DOWN(onTouchEvent返回了false),那么同一事件序列中其他事件都不会再交给它来处理,事件将重新交给他的父元素处理,即父元素的onTouchEvent会被调用。
  7. 如果某个View不消耗除ACTION_DOWN以外的其他事件,那么这个点击事件会消失,此时父元素的onTouchEvent并不会被调用,并且当前View可以收到后续事件,最终这些消失的点击事件会传递给Activity处理
  8. ViewGroup默认不拦截任何事件,ViewGroup的onInterceptTouchEvent方法默认返回false。
  9. View没有onInterceptTouchEvent方法,一旦有事件传递给它,那么它的onTouchEvent方法就会被调用。
  10. View的onTouchEvent方法默认消耗事件(返回true),除非他是不可点击的(clickable和longClickable同时为false)。View的longClickable属性默认都为false,clickable属性分情况,Button默认为true,TextView默认为false。
  11. onClick发生的前提是View可点击,并且它收到了down和up事件。
  12. 事件传递过程是由内而外,事件总是先传递给父元素,然后在由父元素分发给子View,通过requestDisallowInterceptTouchEvent方法可以在子元素干预父元素的事件分发过程,但ACTION_DOWN事件除外。

3.5. View的滑动冲突

1.常见滑动冲突场景

  • 场景1 —— 外部滑动方向与内部滑动方向不一致,比如ViewPager中包含ListView;
  • 场景2 —— 外部滑动方向与内部滑动方向一致,比如ScrollView中包含ListView;
  • 场景3 —— 上面两种情况的嵌套

    img

2.滑动冲突处理规则
通过判断是水平滑动还是竖直滑动来判断到底应该谁来拦截事件;可以根据水平和竖直两个方向的距离差或速度差来做判断

3.滑动冲突解决方式

  • 外部拦截法 —— 即点击事件先经过父容器的拦截处理,如果父容器需要此事件就拦截,不需要就不拦截,需要重写父容器的onInterceptTouchEvent方法;在onInterceptTouchEvent方法中,首先ACTION_DOWN这个事件,父容器必须返回false,即不拦截ACTION_DOWN事件,因为一旦父容器拦截了ACTION_DOWN,那么后续的ACTION_MOVE/ACTION_UP都会直接交给父容器处理;其次是ACTION_MOVE,根据需求来决定是否要拦截;最后ACTION_UP事件,这里必须要返回false,在这里没有多大意义。

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {

    1. boolean intercepted = false;
    2. int x = (int) ev.getX();
    3. int y = (int) ev.getY();
    4. switch (ev.getAction()){
    5. case MotionEvent.ACTION_DOWN:
    6. intercepted = false;
    7. break;
    8. case MotionEvent.ACTION_MOVE:
    9. if("父容器的点击事件"){
    10. intercepted = true;
    11. }else {
    12. intercepted = false;
    13. }
    14. break;
    15. case MotionEvent.ACTION_UP:
    16. intercepted = false;
    17. break;
    18. }
    19. mLastXIntercept = x;
    20. mLastYIntercept = x;
    21. return intercepted;
  • 内部拦截法 —— 所有事件都传递给子元素,如果子元素需要就消耗掉,不需要就交给父元素处理,需要子元素配合requestDisallowInterceptTouchEvent方法才能正常工作;父元素需要默认拦截除ACTION_DOWN以外的事件,这样子元素调用parent.requestDisallowInterceptTouchEvent(false)方法时,父元素才能继续拦截需要的事件。(ACTION_DOWN事件不受requestDisallowInterceptTouchEvent方法影响,所以一旦父元素拦截ACTION_DOWN事件,那么所有元素都无法传递到子元素去)。

子View的代码:

  1. @Override
  2. public boolean dispatchTouchEvent(MotionEvent event) {
  3. int x = (int) event.getX();
  4. int y = (int) event.getY();
  5. switch (event.getAction()){
  6. case MotionEvent.ACTION_DOWN:
  7. getParent().requestDisallowInterceptTouchEvent(true);
  8. break;
  9. case MotionEvent.ACTION_MOVE:
  10. int deltaX = x - mLastX;
  11. int deltaY = x - mLastY;
  12. if("父容器的点击事件"){
  13. getParent().requestDisallowInterceptTouchEvent(false);
  14. }
  15. break;
  16. case MotionEvent.ACTION_UP:
  17. break;
  18. }
  19. mLastX = x;
  20. mLastY = y;
  21. return super.dispatchTouchEvent(event);

注意:除了子元素需要处理之外,父元素默认也要拦截除ACTION_DOWN之外的其他事件,这样当子元素调用getParent().requestDisallowInterceptTouchEvent(true)方法时,父元素才能继续拦截所需要的事件。

父View的修改:

  1. @Override
  2. public boolean onInterceptTouchEvent(MotionEvent ev) {
  3. int action = ev.getAction();
  4. if(action == MotionEvent.ACTION_DOWN){
  5. return false;
  6. }else {
  7. return true;
  8. }
  9. }

场景一示例

一个例子:我们来实现一个类似于ViewPgaer中嵌套ListView的效果,为了制造滑动冲突,我们写一个类似ViewPager的控件即可,名字叫做HorizontalScrollViewEx,创建三个ListView并添加进HorizontalScrollViewEx,开始解决滑动冲突。

  1. public class MainActivity extends AppCompatActivity {
  2. public static final String TAG = "MainActivity";
  3. private HorizontalScrollViewEx mListContainer;
  4. private int w,h;
  5. @Override
  6. protected void onCreate(Bundle savedInstanceState) {
  7. super.onCreate(savedInstanceState);
  8. setContentView(R.layout.activity_main);
  9. Log.i(TAG,"onCreate");
  10. initView();
  11. }
  12. private void initView() {
  13. LayoutInflater inflater = getLayoutInflater();
  14. mListContainer = findViewById(R.id.container);
  15. //屏幕宽高
  16. WindowManager wm = (WindowManager) getSystemService(WINDOW_SERVICE);
  17. w = wm.getDefaultDisplay().getWidth();
  18. h = wm.getDefaultDisplay().getHeight();
  19. for (int i = 0; i < 3; i++) {
  20. ViewGroup layout = inflater.inflate(R.layout.content_layout,mListContainer,false);
  21. layout.getLayoutParams().width = w;
  22. TextView textview = (TextView) layout.findViewById(R.id.title);
  23. textview.setText("page" + (i+1));
  24. layout.setBackgroundColor(Color.rgb(255/(i+1),255/(i+1),0));
  25. createList(layout);
  26. mListContainer.addView(layout);
  27. }
  28. }
  29. private void createList(ViewGroup layout) {
  30. ListView listview = (ListView) layout.findViewById(R.id.list);
  31. ArrayList<String>datas= new ArrayList<>();
  32. for (int i = 0; i < 50; i++) {
  33. datas.add("names" + i);
  34. }
  35. ArrayAdapter<String>adapter = new ArrayAdapter<String>(this,R.layout.content_list_item,R.id.name,datas);
  36. listview.setAdapter(adapter);
  37. }
  38. }

外部拦截法:把父容器的拦截条件换成了实际的逻辑,在滑动过程中,当水平方向的距离大就判断水平滑动,为了能够水平滑动所以让父容器拦截事件,而竖直距离大于就不拦截,于是事件传递给了ListView,所以ListView能上下滑动,这就解决了冲突了。考虑到一种情况,如果此时用户正在水平滑动,但是水平滑动停止之前如果用户再迅速的进行竖直滑动,就会导致界面在水平滑动无法滑动到终点,而处于一种中间状态,为了避免这种不友好的体验,我们水平正在滑动的时候,下一个序列的点击仍然交给父容器。

  1. public class HorizontalScrollViewEx extends ViewGroup {
  2. public static final String TAG = "HorizontalScrollViewEx";
  3. private int mChindrensize;
  4. private int mChindrenWidth;
  5. private int mChindrenIndex;
  6. //分别记录上次滑动的坐标
  7. private int mLastX = 0;
  8. private int mLastY = 0;
  9. //分别记录上次滑动的坐标
  10. private int mLastXIntercept = 0;
  11. private int mLastYIntercept = 0;
  12. private Scroller mScroller;
  13. private VelocityTracker mVelocityTracker;
  14. ....
  15. @Override
  16. public boolean onInterceptHoverEvent(MotionEvent event) {
  17. boolean intercepted = false;
  18. int x = (int) event.getX();
  19. int y = (int) event.getY();
  20. switch (event.getAction()) {
  21. case MotionEvent.ACTION_DOWN:
  22. intercepted = true;
  23. if (!mScroller.isFinished()) {
  24. mScroller.abortAnimation();
  25. intercepted = true;
  26. }
  27. break;
  28. case MotionEvent.ACTION_MOVE:
  29. int deltax = x - mLastXIntercept;
  30. int deltaY = y = mLastYIntercept;
  31. if (Math.abs(deltax) > Math.abs(deltaY)) {
  32. intercepted = true;
  33. } else {
  34. intercepted = false;
  35. }
  36. break;
  37. case MotionEvent.ACTION_UP:
  38. intercepted = false;
  39. break;
  40. }
  41. mLastX = x;
  42. mLastY = y;
  43. mLastXIntercept = x;
  44. mLastYIntercept = y;
  45. return intercepted;
  46. }
  47. @Override
  48. public boolean onTouchEvent(MotionEvent event) {
  49. mVelocityTracker.addMovement(event);
  50. int x = (int) event.getX();
  51. int y = (int) event.getY();
  52. switch (event.getAction()) {
  53. case MotionEvent.ACTION_DOWN:
  54. if (!mScroller.isFinished()) {
  55. mScroller.abortAnimation();
  56. }
  57. break;
  58. case MotionEvent.ACTION_MOVE:
  59. int deltaX = x - mLastX;
  60. int deltaY = y - mLastY;
  61. scrollBy(-deltaX, 0);
  62. break;
  63. case MotionEvent.ACTION_UP:
  64. int scrollX = getScrollX();
  65. int scrollToChildIndex = scrollX / mChindrenWidth;
  66. mVelocityTracker.computeCurrentVelocity(1000);
  67. float xVelocity = mVelocityTracker.getXVelocity();
  68. if (Math.abs(xVelocity) >= 50) {
  69. mChindrenIndex = xVelocity > 0 ? mChindrenIndex - 1 : mChindrenIndex + 1;
  70. } else {
  71. mChindrenIndex = (scrollX + mChindrenWidth / 2) / mChindrenWidth;
  72. }
  73. mChindrenIndex = Math.max(0, Math.min(mChindrenIndex, mChindrensize - 1));
  74. int dx = mChindrenIndex * mChindrenWidth - scrollX;
  75. ssmoothScrollBy(dx, 0);
  76. mVelocityTracker.clear();
  77. break;
  78. }
  79. mLastX = x;
  80. mLastY = y;
  81. return true;
  82. }
  83. private void ssmoothScrollBy(int dx, int i) {
  84. mScroller.startScroll(getScrollX(),0,dx,500);
  85. invalidate();
  86. }
  87. @Override
  88. public void computeScroll() {
  89. if(mScroller.computeScrollOffset()){
  90. scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
  91. postInvalidate();
  92. }
  93. }
  94. }

内部拦截:只需要修改ListView的dispatchTouchEvent方法中的父容器的拦截逻辑,同时让父拦截MOVE和Up事件即可。为了重写Listview的dispatchTouchfvent方法,我们必须自定义一个ListView,称为ListViewEx,然后对内部拦截法的模板代码进行修改。

  1. public class ListViewEx extends ListView {
  2. public static final String TAG = "ListViewEx";
  3. private HorizontalScrollViewEx mHorizontalScrollViewEx;
  4. private int mLastX = 0;
  5. private int mLastY = 0;
  6. public ListViewEx(Context context) {
  7. super(context);
  8. }
  9. ...
  10. @Override
  11. public boolean dispatchTouchEvent(MotionEvent ev) {
  12. int x = (int) ev.getX();
  13. int y = (int) ev.getY();
  14. switch (ev.getAction()) {
  15. case MotionEvent.ACTION_DOWN:
  16. mHorizontalScrollViewEx.requestDisallowInterceptTouchEvent(true);
  17. break;
  18. case MotionEvent.ACTION_MOVE:
  19. int delatX = x - mLastX;
  20. int delatY = y - mLastY;
  21. if (Math.abs(delatX) > Math.abs(delatY)) {
  22. mHorizontalScrollViewEx.requestDisallowInterceptTouchEvent(false);
  23. }
  24. break;
  25. }
  26. mLastX = x;
  27. mLastY = y;
  28. return super.dispatchTouchEvent(ev);
  29. }
  30. }
  31. @Override
  32. public boolean onInterceptHoverEvent(MotionEvent event) {
  33. int x = (int) event.getX();
  34. int y = (int) event.getY();
  35. int action = event.getAction();
  36. if(action == MotionEvent.ACTION_DOWN){
  37. mLastX = x;
  38. mLastY = y;
  39. if(!mScroller.isFinished()){
  40. mScroller.abortAnimation();
  41. return true;
  42. }
  43. return false;
  44. }else {
  45. return true;
  46. }
  47. }

场景二示例

提供一个可以上下滑动的父容器,这里就叫 StickyLayout,它看起来就像是可以上下滑动的竖直的LinearLayout,然后在它的内部中的滑动冲突了。当然这个StickyLayout是有滑动规则的:当Header显示时或者ListView 滑动到顶部时,由StickyLayout拦截事件:当Header隐藏时,这要分情况,如果Listview已经滑动到顶部并且当前手势是向下滑动的话,这个时候还是StickyLayout拦截事件,其他情况则由ListView拦截事件。
外部拦截法:当事件落在Header上面时,就不会拦截该事件;接着,如果竖直距离差小于水平距离差,那么父容器也不会拦截该事件;当Header是展开状态并且是向上滑动时,父容器拦截事件;当ListView滑动到顶部并且向下滑动的时候,父容器也会拦截事件。

  1. case MotionEvent.ACTION_MOVE:
  2. int deltaX = x - mLastXIntercept;
  3. int deltaY = y - mLastYIntercept;
  4. if (mDisallowInterceptTouchEventOnHeader && y <= getHeaderHeight()) {
  5. intercepted = 0;
  6. } else if (Math.abs(deltaY) <= Math.abs(deltaX)) {
  7. intercepted = 0;
  8. } else if (mStatus == STATUS_EXPANDED && deltaY <= -mTouchSlop) {
  9. intercepted = 1;
  10. } else if (mGiveUpTouchEventListener != null) {
  11. if (mGiveUpTouchEventListener.giveUpTouchEvent(event) && deltaY >= mTouchSlop) {
  12. intercepted = 1;
  13. }
  14. }

发表评论

表情:
评论列表 (有 0 条评论,105人围观)

还没有评论,来说两句吧...

相关阅读