《Android 群英传》Android 控件架构与自定义控件详解 读书笔记

阅读 1312
收藏 98
2016-09-29
原文链接:zhuanlan.zhihu.com

Android 控件架构与自定义控件详解

Android 中,控件大致被分为两类,ViewGroup 和 View 控件。ViewGroup 控件作为父控件可以包含多个 View 控件,并管理其包含的 View 控件。

View 的测量

对 View 进行测量的过程在 onMeasure() 方法中进行。通过 MeasureSpec 类来测量 View 。MeasureSpec 是一个 32 位的 int 值。其中高 2 位为测量的模式,低 30 位为测量的大小。

测量的模式分为以下三种:

即精确值模式,当我们将控件的 layout_width 属性或 layout_height 属性指定为具体数值时,比如 android:layout_width = "100dp" ,或者指定为 match_parent 属性时(占据父 View 的大小),系统使用的是 EXACTLY 模式。

即最大值模式,当控件的 layout_width 属性或 layout_height 属性指定为 wrap_content 时,控件大小一般随着控件的子空间或内容的变化而变化,此时控件的尺寸只要不超过父控件允许的最大尺寸即可。

这个属性比较奇怪-它不指定其大小测量模式, View 想多大就多大。通常情况下在绘制自定义View 时才会使用。

View 类默认的 onMeasure() 方法只支持 EXACTLY模式,所以如果在自定义控件的时候不重写 onMeasure() 方法的话,就只能用 EXACTLY 模式。控件可以响应你指定的具体宽高值或者是 match_parent 属性。而如果要让自定义 View 支持 wrap_content 属性,那么就必须重写 onMeasure() 方法来指定 wrap_content 时的大小。

通过 MeasureSpec ,我们就获取了 View 的测量模式和 View 想要绘制的大小。就可以控制 View 最后显示的大小。

如何进行 View 的测量:

@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);
	}

给出代码:

@Override
    protected void onMeasure(int widthMeasureSpec,
                             int heightMeasureSpec) {
        setMeasuredDimension(
                measureWidth(widthMeasureSpec),
                measureHeight(heightMeasureSpec));
    }

    // measureWidth和measureHeight对宽高进行重新定义
    private int measureWidth(int measureSpec) {
        int result = 0;
        //从 MeasureSpec 里面取出具体的测量模式和大小
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);

        if (specMode == MeasureSpec.EXACTLY) {
            result = specSize;
        } else {
            result = 200;
            if (specMode == MeasureSpec.AT_MOST) {
                result = Math.min(result, specSize);
            }
        }
        return result;
    }

    private int measureHeight(int measureSpec) {
        int result = 0;
        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);

        if (specMode == MeasureSpec.EXACTLY) {
            result = specSize;
        } else {
            result = 200;
            if (specMode == MeasureSpec.AT_MOST) {
                result = Math.min(result, specSize);
            }
        }
        return result;
    }

View 的绘制

测量好一个 View,就可以简单的重写 onDraw() 方法,并在 Canvas 对象上来绘制所需要的图形。

Canvas canvas = new Canvas(bitmap);

传进去的 bitmap 与通过这个 bitmap 创建的 Canvas 画布紧紧联系在一起,这个过程是装载画布。这个 bitmap 用来存储所有绘制在 Canvas 上的像素信息。当创建了 Canvas 对象后调用 Canvas.drawXXX 方法都发生在这个 bitmap 上。

ViewGroup 的测量

ViewGroup 会管理其子 View ,其中一个管理项目就是负责子 View 的显示大小。当 ViewGroup 的大小为 wrap_content 时,ViewGroup 就需要对子 View 进行遍历,以便获得所有子 View 的大小。从而来决定自己的大小。而在其他模式下则会通过具体的指定值来设置自身的大小。

ViewGroup 在测量时通过遍历所有子 View ,从而调用子 View 的 Measure 方法来获得每一个子 View 的测量结果。当子 View 测量完毕之后,就需要将子 View 放到合适的位置,这个过程就是 View 的 Layout 过程。ViewGroup 在执行 Layout 过程时,同样是使用遍历来调用子 View 的 Layout 方法,并指定其具体显示的位置,从而决定其布局位置。

在自定义 ViewGroup 时,通常会去重写 onLayout() 方法来控制其子 View 显示位置的逻辑。同样,如果需要支持 wrap_content 属性,那么它还必须重写 onMeasure() 方法。

ViewGroup 的绘制

ViewGroup 会使用 dispatchDraw() 方法来绘制其子 View ,其过程同样是通过遍历所有子 View ,并调用子 View 的绘制方法来完成绘制工作。

自定义 View

在自定义 View 时,我们通常会去重写 onDraw() 方法来绘制 View 的显示内容。如果该 View 还需要使用 wrap_content 属性,那么还必须重写 onMeasure() 方法。通过自定义 attrs 属性,还可以设置新的属性配置值。

一些重要的回调方法

  • onFinishInflate(): 从 XML 加载组件后回调
  • onSizeChanged(): 组件大小改变时回调
  • onMeasure(): 回调该方法来进行测量
  • onLayout(): 回调该方法来确定显示的位置
  • onTouchEvent(): 监听到触摸事件时回调

通常有三种方式来实现自定义的控件:

  • 对现有控件进行拓展
  • 通过组合来实现新的控件
  • 重写 View 来实现全新的控件

对现有控件进行拓展

public class MyTextView extends TextView {

	private Paint mPaint1, mPaint2;

	public MyTextView(Context context) {
		super(context);
		initView();
	}

	public MyTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
		initView();
	}

	public MyTextView(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
		initView();
	}

	//初始化画笔等
	private void initView(){
		mPaint1 = new Paint();
		mPaint1.setColor(getResources().getColor(
				android.R.color.holo_blue_light));
		mPaint1.setStyle(Paint.Style.FILL);
		mPaint2 = new Paint();
		mPaint2.setColor(Color.YELLOW);
		mPaint2.setStyle(Paint.Style.FILL);
	}

	@Override
	protected void onDraw(Canvas canvas) {
		//绘制外层矩形
		canvas.drawRect(
				0,
				0,
				getMeasuredWidth(),
				getMeasuredHeight(),
				mPaint1
		);
		//绘制内层矩形
		canvas.drawRect(
				0,
				0,
				getMeasuredWidth() - 10,
				getMeasuredHeight() - 10,
				mPaint2
		);
		canvas.save();
		//绘制文字前平移 10 像素
		canvas.translate(10, 0);
		// 在回调父类方法前,实现自己的逻辑,对 TextView 来说既是在绘制文本内容前
		super.onDraw(canvas);
		// 在回调父类方法后,实现自己的逻辑,对 TextView 来说既是在绘制文本内容后
		canvas.restore();
	}
}

利用 LinearGradient Shader 和 Matrix 来实现一个动态的文字闪动效果。

public class ShineTextView extends TextView {

	private LinearGradient mLinearGradient;
	private Matrix mGradientMatrix;
	private Paint mPaint;
	private int mViewWidth = 0;
	private int mTranslate = 0;

	public ShineTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	/**
	 * 在 onSizeChanged() 方法中进行一些对象的初始化工作,并根据 view 的宽带设置一个 LinearGradient 渐变渲染器
	 * @param w
	 * @param h
	 * @param oldw
	 * @param oldh
	 */
	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);
		if(mViewWidth == 0){
			mViewWidth = getMeasuredWidth();
			if(mViewWidth > 0){
				//获取当前绘制 TextView 的 Paint 对象,并给这个 Paint 对象设置原生 TextView
				//没有的 LinearGradient 属性。
				mPaint = getPaint();
				mLinearGradient = new LinearGradient(
						0,
						0,
						mViewWidth,
						0,
						new int[]{
								Color.BLUE, 0xffffffff,
								Color.BLUE},
						null,
						Shader.TileMode.CLAMP);
				mPaint.setShader(mLinearGradient);
				mGradientMatrix = new Matrix();
			}
		}
	}

	/**
	 * 通过矩阵的方式来不断平移渐变效果,从而在绘制文字的时候产生闪动的动态效果
	 * @param canvas
	 */
	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		if (mGradientMatrix != null) {
			mTranslate += mViewWidth / 5;
			if (mTranslate > 2 * mViewWidth) {
				mTranslate = -mViewWidth;
			}
			mGradientMatrix.setTranslate(mTranslate, 0);
			mLinearGradient.setLocalMatrix(mGradientMatrix);
			postInvalidateDelayed(100);
		}
	}
}

创建复合控件

可以很好的创建出重用功能的控件集合。需要继承一个合适的 ViewGroup ,再给它添加指定功能的控件,从而组成新的复合控件。通过这种方式创建的控件我们一般会给它指定一些可配置的属性,让它具有更强的扩展性。

以 TopBar 为例:

定义属性




    
        
        
        
        
        
        
        
        
        
    


通过 标签声明使用自定义属性,并通过 name 属性来确定引用的名称。通过 标签来声明具体的自定义属性。

public class Topbar extends RelativeLayout {

	// 包含topbar上的元素:左按钮、右按钮、标题
	private Button mLeftButton, mRightButton;
	private TextView mTitleView;

	// 布局属性,用来控制组件元素在ViewGroup中的位置
	private LayoutParams mLeftParams, mTitlepParams, mRightParams;

	// 左按钮的属性值,即我们在atts.xml文件中定义的属性
	private int mLeftTextColor;
	private Drawable mLeftBackground;
	private String mLeftText;
	// 右按钮的属性值,即我们在atts.xml文件中定义的属性
	private int mRightTextColor;
	private Drawable mRightBackground;
	private String mRightText;
	// 标题的属性值,即我们在atts.xml文件中定义的属性
	private float mTitleTextSize;
	private int mTitleTextColor;
	private String mTitle;

	// 映射传入的接口对象
	private topbarClickListener mListener;

	public Topbar(Context context) {
		super(context);
	}

	@RequiresApi (api = Build.VERSION_CODES.JELLY_BEAN)
	public Topbar(Context context, AttributeSet attrs) {
		super(context, attrs);
		// 设置topbar的背景
		setBackgroundColor(0xFFF59563);
		// 通过这个方法,将你在atts.xml中定义的declare-styleable
		// 的所有属性的值存储到TypedArray中
		TypedArray ta = context.obtainStyledAttributes(attrs,
				R.styleable.TopBar);
		// 从TypedArray中取出对应的值来为要设置的属性赋值
		mLeftTextColor = ta.getColor(
				R.styleable.TopBar_leftTextColor, 0);
		mLeftBackground = ta.getDrawable(
				R.styleable.TopBar_leftBackground);
		mLeftText = ta.getString(R.styleable.TopBar_leftText);

		mRightTextColor = ta.getColor(
				R.styleable.TopBar_rightTextColor, 0);
		mRightBackground = ta.getDrawable(
				R.styleable.TopBar_rightBackground);
		mRightText = ta.getString(R.styleable.TopBar_rightText);

		mTitleTextSize = ta.getDimension(
				R.styleable.TopBar_titleTextSize, 10);
		mTitleTextColor = ta.getColor(
				R.styleable.TopBar_titleTextColor, 0);
		mTitle = ta.getString(R.styleable.TopBar_title);

		// 获取完TypedArray的值后,一般要调用
		// recyle方法来避免重新创建的时候的错误
		ta.recycle();

		mLeftButton = new Button(context);
		mRightButton = new Button(context);
		mTitleView = new TextView(context);

		// 为创建的组件元素赋值
		// 值就来源于我们在引用的xml文件中给对应属性的赋值
		mLeftButton.setTextColor(mLeftTextColor);
		mLeftButton.setBackground(mLeftBackground);
		mLeftButton.setText(mLeftText);

		mRightButton.setTextColor(mRightTextColor);
		mRightButton.setBackground(mRightBackground);
		mRightButton.setText(mRightText);

		mTitleView.setText(mTitle);
		mTitleView.setTextColor(mTitleTextColor);
		mTitleView.setTextSize(mTitleTextSize);
		mTitleView.setGravity(Gravity.CENTER);

		// 为组件元素设置相应的布局元素
		mLeftParams = new LayoutParams(
				LayoutParams.WRAP_CONTENT,
				LayoutParams.MATCH_PARENT);
		mLeftParams.addRule(RelativeLayout.ALIGN_PARENT_LEFT, TRUE);
		// 添加到ViewGroup
		addView(mLeftButton, mLeftParams);

		mRightParams = new LayoutParams(
				LayoutParams.WRAP_CONTENT,
				LayoutParams.MATCH_PARENT);
		mRightParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT, TRUE);
		addView(mRightButton, mRightParams);

		mTitlepParams = new LayoutParams(
				LayoutParams.WRAP_CONTENT,
				LayoutParams.MATCH_PARENT);
		mTitlepParams.addRule(RelativeLayout.CENTER_IN_PARENT, TRUE);
		addView(mTitleView, mTitlepParams);

		//按钮的点击事件,不需要具体的实现
		//只需调用接口的方法,回调的时候,会有具体的实现
		mRightButton.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				mListener.rightClick();
			}
		});

		mLeftButton.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				mListener.leftClick();
			}
		});
	}

	/**
	 * 暴露一个方法给调用者来注册接口回调,通过接口来获得回调者对接口方法的实现
	 * @param mListener
	 */
	public void setOnTopbarClickListener(topbarClickListener mListener) {
		this.mListener = mListener;
	}



	public Topbar(Context context, AttributeSet attrs, int defStyleAttr) {
		super(context, attrs, defStyleAttr);
	}

	/**
	 * 设置按钮的显示与否 通过 id 区分按钮 flag 区分是否显示
	 * @param id
	 * @param flag
	 */
	public void setButtonVisible(int id, boolean flag){
		if(flag){
			if(id == 0){
				mLeftButton.setVisibility(View.VISIBLE);
			}else {
				mRightButton.setVisibility(View.VISIBLE);
			}
		}else {
			if(id == 0){
				mLeftButton.setVisibility(View.GONE);
			}else {
				mRightButton.setVisibility(View.GONE);
			}
		}
	}

	/**
	 * 接口属性,实现回调机制,在回调方法中
	 * 通过映射的接口对象调用接口中的方法
	 * 而不用去考虑如何实现,具体的实现由调用着去创建
	 */
	public interface topbarClickListener {
		//左按钮点击事件
		void leftClick();
		//右按钮点击事件
		void rightClick();
	}
}
public class TopBarTest extends Activity {

	private Topbar mTopbar;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.topbar_test);
		// 获得我们创建的topbar
		mTopbar = (Topbar) findViewById(R.id.topBar);
		// 为topbar注册监听事件,传入定义的接口
		// 并以匿名类的方式实现接口内的方法
		mTopbar.setOnTopbarClickListener(
				new Topbar.topbarClickListener() {

					@Override
					public void leftClick() {
						Toast.makeText(TopBarTest.this,
								"right", Toast.LENGTH_SHORT)
								.show();
					}

					@Override
					public void rightClick() {
						Toast.makeText(TopBarTest.this,
								"left", Toast.LENGTH_SHORT)
								.show();
					}
				}
		);
		// 控制topbar上组件的状态
		mTopbar.setButtonVisible(0, true);
		mTopbar.setButtonVisible(1, false);
	}
}

重写 View 来实现全新的控件

当 Android 原生控件无法满足我们的需求时,我们就可以完全创建一个新的自定义 View 来实现需要的功能。

弧线展示图

public class CircleProgressView extends View {

    private int mMeasureHeigth;
    private int mMeasureWidth;

    private Paint mCirclePaint;
    private float mCircleXY;
    private float mRadius;

    private Paint mArcPaint;
    private RectF mArcRectF;
    private float mSweepAngle;
    private float mSweepValue = 66;

    private Paint mTextPaint;
    private String mShowText;
    private float mShowTextSize;

    public CircleProgressView(Context context, AttributeSet attrs,
                              int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public CircleProgressView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public CircleProgressView(Context context) {
        super(context);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec,
                             int heightMeasureSpec) {
        mMeasureWidth = MeasureSpec.getSize(widthMeasureSpec);
        mMeasureHeigth = MeasureSpec.getSize(heightMeasureSpec);
        setMeasuredDimension(mMeasureWidth, mMeasureHeigth);
        initView();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制圆
        canvas.drawCircle(mCircleXY, mCircleXY, mRadius, mCirclePaint);
        // 绘制弧线
        canvas.drawArc(mArcRectF, 270, mSweepAngle, false, mArcPaint);
        // 绘制文字
        canvas.drawText(mShowText, 0, mShowText.length(),
                mCircleXY, mCircleXY + (mShowTextSize / 4), mTextPaint);
    }

    private void initView() {
        float length = 0;
        if (mMeasureHeigth >= mMeasureWidth) {
            length = mMeasureWidth;
        } else {
            length = mMeasureHeigth;
        }
        //把 View 的长度直接设置成屏幕的宽度
        mCircleXY = length / 2;
        mRadius = (float) (length * 0.5 / 2);
        mCirclePaint = new Paint();
        mCirclePaint.setAntiAlias(true);
        mCirclePaint.setColor(getResources().getColor(
                android.R.color.holo_blue_bright));
        //绘制弧线,需要指定其椭圆的外界矩形
        mArcRectF = new RectF(
                (float) (length * 0.1),
                (float) (length * 0.1),
                (float) (length * 0.9),
                (float) (length * 0.9));
        mSweepAngle = (mSweepValue / 100f) * 360f;
        mArcPaint = new Paint();
        mArcPaint.setAntiAlias(true);
        mArcPaint.setColor(getResources().getColor(
                android.R.color.holo_blue_bright));
        mArcPaint.setStrokeWidth((float) (length * 0.1));
        mArcPaint.setStyle(Style.STROKE);

        mShowText = setShowText();
        mShowTextSize = setShowTextSize();
        mTextPaint = new Paint();
        mTextPaint.setTextSize(mShowTextSize);
        mTextPaint.setTextAlign(Paint.Align.CENTER);
    }

    private float setShowTextSize() {
        this.invalidate();
        return 50;
    }

    private String setShowText() {
        this.invalidate();
        return "Android Skill";
    }

    public void forceInvalidate() {
        this.invalidate();
    }

    public void setSweepValue(float sweepValue) {
        if (sweepValue != 0) {
            mSweepValue = sweepValue;
        } else {
            mSweepValue = 25;
        }
        this.invalidate();
    }
}

不论是多么复杂的图形,控件,它都是由这些最基本的圆形绘制出来的,关键就在于你如何去分解,涉及这些图形。

音频条形图

public class VolumeView extends View {

    private int mWidth;
    private int mRectWidth;
    private int mRectHeight;
    private Paint mPaint;
    private int mRectCount;
    private int offset = 5;
    private double mRandom;
    private LinearGradient mLinearGradient;

    public VolumeView(Context context) {
        super(context);
        initView();
    }

    public VolumeView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public VolumeView(Context context, AttributeSet attrs,
                      int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView();
    }

    private void initView() {
        mPaint = new Paint();
        mPaint.setColor(Color.BLUE);
        mPaint.setStyle(Paint.Style.FILL);
        mRectCount = 12;
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth = getWidth();
        mRectHeight = getHeight();
        mRectWidth = (int) (mWidth * 0.6 / mRectCount);
        mLinearGradient = new LinearGradient(
                0,
                0,
                mRectWidth,
                mRectHeight,
                Color.YELLOW,
                Color.BLUE,
                Shader.TileMode.CLAMP);
        mPaint.setShader(mLinearGradient);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        for (int i = 0; i < mRectCount; i++) {
            //随即改变这些高度值,并赋给 currentHeight
            mRandom = Math.random();
            float currentHeight = (float) (mRectHeight * mRandom);
            canvas.drawRect(
                    (float) (mWidth * 0.4 / 2 + mRectWidth * i + offset),
                    currentHeight,
                    (float) (mWidth * 0.4 / 2 + mRectWidth * (i + 1)),
                    mRectHeight,
                    mPaint);
        }
        //通知 View 进行重绘
        postInvalidateDelayed(300);
    }
}

自定义 ViewGroup

ViewGroup 存在的目的就是为了对其子 View 进行管理,为其子 View 添加显示,响应的规则。自定义 ViewGroup 需要通过重写 onMeasure() 方法来对子 View 进行测量,重写 onLayout() 方法来确定子 View 的位置,重写 onTouchEvent() 方法增加响应事件。

自定义 ViewGroup 实现类似 ScrollView 的功能。

public class MyScrollView extends ViewGroup {

    private int mScreenHeight;
    private Scroller mScroller;
    private int mLastY;
    private int mStart;
    private int mEnd;

    public MyScrollView(Context context) {
        super(context);
        initView(context);
    }

    public MyScrollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView(context);
    }

    public MyScrollView(Context context, AttributeSet attrs,
                        int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context);
    }

    private void initView(Context context) {
        WindowManager wm = (WindowManager) context.getSystemService(
                Context.WINDOW_SERVICE);
        DisplayMetrics dm = new DisplayMetrics();
        wm.getDefaultDisplay().getMetrics(dm);
        mScreenHeight = dm.heightPixels;
        mScroller = new Scroller(context);
    }

    @Override
    protected void onLayout(boolean changed,
                            int l, int t, int r, int b) {
        int childCount = getChildCount();
        // 设置ViewGroup的高度
        MarginLayoutParams mlp = (MarginLayoutParams) getLayoutParams();
        mlp.height = mScreenHeight * childCount;
        setLayoutParams(mlp);
        for (int i = 0; i < childCount; i++) {
            View child = getChildAt(i);
            if (child.getVisibility() != View.GONE) {
                child.layout(l, i * mScreenHeight,
                        r, (i + 1) * mScreenHeight);
            }
        }
    }

    @Override
    protected void onMeasure(int widthMeasureSpec,
                             int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int count = getChildCount();
        for (int i = 0; i < count; ++i) {
            View childView = getChildAt(i);
            measureChild(childView,
                    widthMeasureSpec, heightMeasureSpec);
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastY = y;
                mStart = getScrollY();
                break;
            case MotionEvent.ACTION_MOVE:
                if (!mScroller.isFinished()) {
                    mScroller.abortAnimation();
                }
                int dy = mLastY - y;
                if (getScrollY() < 0) {
                    dy = 0;
                }
                if (getScrollY() > getHeight() - mScreenHeight) {
                    dy = 0;
                }
                scrollBy(0, dy);
                mLastY = y;
                break;
            case MotionEvent.ACTION_UP:
                mEnd = getScrollY();
                int dScrollY = mEnd - mStart;
                if (dScrollY > 0) {
                    if (dScrollY < mScreenHeight / 3) {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, -dScrollY);
                    } else {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, mScreenHeight - dScrollY);
                    }
                } else {
                    if (-dScrollY < mScreenHeight / 3) {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, -dScrollY);
                    } else {
                        mScroller.startScroll(
                                0, getScrollY(),
                                0, -mScreenHeight - dScrollY);
                    }
                }
                break;
        }
        postInvalidate();
        return true;
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        if (mScroller.computeScrollOffset()) {
            scrollTo(0, mScroller.getCurrY());
            postInvalidate();
        }
    }
}

事件拦截机制分析

设计这样一个实例。

  • 一个总经理-MyViewGroupA,最外层的 ViewGroup
  • 一个部长-MyViewGroupB,中间的 ViewGroup
  • 一个干活的你-MyView,在最底层
public class MyViewGroupA extends LinearLayout {

    public MyViewGroupA(Context context) {
        super(context);
    }

    public MyViewGroupA(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyViewGroupA(Context context, AttributeSet attrs,
                        int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        Log.d("xys", "ViewGroupA dispatchTouchEvent" + ev.getAction());
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Log.d("xys", "ViewGroupA onInterceptTouchEvent" + ev.getAction());
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d("xys", "ViewGroupA onTouchEvent" + event.getAction());
        return super.onTouchEvent(event);
    }
}
public class MyViewGroupB extends LinearLayout {

    public MyViewGroupB(Context context) {
        super(context);
    }

    public MyViewGroupB(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyViewGroupB(Context context, AttributeSet attrs,
                        int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        Log.d("xys", "ViewGroupB dispatchTouchEvent" + ev.getAction());
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Log.d("xys", "ViewGroupB onInterceptTouchEvent" + ev.getAction());
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d("xys", "ViewGroupB onTouchEvent" + event.getAction());
        return super.onTouchEvent(event);
    }
}
public class MyView extends View {

    public MyView(Context context) {
        super(context);
    }

    public MyView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyView(Context context, AttributeSet attrs,
                  int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d("xys", "View onTouchEvent" + event.getAction());
        return super.onTouchEvent(event);
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent event) {
        Log.d("xys", "View dispatchTouchEvent" + event.getAction());
        return super.dispatchTouchEvent(event);
    }

}

事件的传递顺序是

总经理(MyViewGroupA)-> 部长(MyViewGroupB)-> 你(View)。事件传递的时候,先执行 dispatchTouchEvent() 方法,再执行 onInterceptTouchEvent() 方法。

事件处理顺序是

你(View)->部长(MyViewGroupB)-> 总经理(MyViewGroupA)。事件处理都是 执行 onTouchEvent() 方法。

事件传递的返回值为 true ,拦截,不继续。false 不拦截,继续流程。

事件处理的返回值也类似,true,处理了,不用审核了,false ,交给上级处理。

评论