Android-控件架构

Android-控件架构

Android的控件是Android的血与肉；本篇会讲解Android的View架构，view的测量与绘制,自定义view和控件的事件分发拦截机制

控件架构

1.View的测量

在OnMeasure()方法中进行，Android提供了一个短小但强大的类MeasureSpec()，通过它来帮助测量View。MeasureSpec是一个32位的Int值，高2位是测量的模式，低30位是测量的大小，使用这种位运算是为了提高测量的效率。

测量模式

• EXACTLY
  表示父视图希望子视图的大小应该是由specSize的值来决定的，系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。

• AT_MOST
  表示子视图最多只能是specSize中指定的大小，开发人员应该尽可能小得去设置这个视图，并且保证不会超过specSize。系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。

• UNSPECIFIED
  表示开发人员可以将视图按照自己的意愿设置成任意的大小，没有任何限制。这种情况比较少见，不太会用到。

View默认的onMeasure只支持EXACTLY模式

直接继承View，就不能用wrap_content属性；想用就必须重写onMeasure方法

通过MeasureSpec这个类，我们就获取到了View的测量模式和绘制的大小，有了这些信息我们就可以控制View最后显示的大小了

首先要知道重写OnMeasure方法还是调用的父类的方法，而父类又是调用setMeasuredDimension方法

//继承View，重写OnMeasure方法
@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

//点进上面OnMeasure中，View类的OnMeasure方法就是又调用setMeasuredDimension方法
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
                getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
    }

例子，自定义View，继承View，实现使用wrap_content属性：

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
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //由于我们直接调用setMeasuredDimension方法，就不需要调用父类的方法了，可以注释掉
        setMeasuredDimension(measrueWidth(widthMeasureSpec), measrueHeight(heightMeasureSpec));
    }

    //测量宽度，先判断模式为EXACTLY
    private int measrueWidth(int widthMeasureSpec) {
        int result = 0;
        //获取模式是EXACTLY还是其他模式
        int specMode = MeasureSpec.getMode(widthMeasureSpec);
        //获取控件大小
        int specSize = MeasureSpec.getSize(widthMeasureSpec);

        if (specMode == MeasureSpec.EXACTLY) {
            result = specSize;
        } else {
            //如果不是EXACTLY模式则需要设置一个默认大小
            result = 200;
            if (specMode == MeasureSpec.AT_MOST) {
                //取其中小的一个
                result = Math.min(result, specSize);
            }
        }
        return result;
    }

    //测量高度，类似宽度，如上
    private int measrueHeight(int heightMeasureSpec) {
        int result = 0;
        int specMode = MeasureSpec.getMode(heightMeasureSpec);
        int specSize = MeasureSpec.getSize(heightMeasureSpec);

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

}

2.View的绘制

重写View的OnDraw()方法，介绍一下Canvas，就是一个画布，有了它就可以绘图了。

Canvas mCanvas = new Canvas(bitmap);

传递一个bitmap是为了记录保存下绘图的像素信息，有了这些信息才能进行绘制，两者紧紧联系在一起的。也就是说传的bitmap值不同，画的就不同；传递的是同一个bitmap，画的也是相同的。

3.ViewGroup的测量和绘制

1. 测量： 这个是在面试的时候被坑过了的，如果属性是wrap_content主要就是调用OnLayout方法遍历子View,调用子View的Measure方法；不是则设定指定值。
   如果是自定义ViewGroup的话，跟View一样；想用wrap_content属性就必须重写OnMeasure方法。

2. 绘制： 使用dispatchDraw()方法来调用子View的OnDraw()方法 进行绘制。或者如果设置了背景颜色或图片的情况下也会调用自己的OnDraw()方法

4.自定义View

大家最喜欢的也是最重点内容终于来了，初学时一直觉得感觉很深奥的样子，其实也很简单的啦

在View中比较重要的回调方法：

• OnfinishInflate:从XML加载组件后回调
• OnSizeChanged:组件大小改变时回调
• OnMeasure:回调该方法来进行测量
• OnLayout:回调该方法确定显示的位置
• OnTouchEvent:监听触摸事件回调

一般来说可以对现有控件进行拓展：例如继承TextView来实现具有外框的TextView

    @Override
    protected void onDraw(Canvas canvas) {
        //回调之前实现自己的逻辑，即在绘制文本之前
        super.onDraw(canvas);
        //回调之后实现自己的逻辑，即在绘制文本之后
    }

自定义属性

在res中的values文件夹下，创建名为attrs的Values resouce File的文件，<declare-styleable name="TopBar">用来确定是作用于那个View的，下面的attr name就是每个属性的名称。

这里说明一下属性：
- diemnsion: 一般为文字大小
- color:颜色
- String:字符串
- reference:引用，一般为background
- 还可以两者结合，用|分隔开

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="TopBar">

        <attr name="top_bar_title" format="string"/>
        <attr name="title_text_size" format="dimension"/>
        <attr name="title_text_color" format="color"/>

        <attr name="left_text_color" format="color"/>
        <attr name="left_btn_back" format="reference|color"/>
        <attr name="left_text" format="string"/>

        <attr name="right_text_color" format="color"/>
        <attr name="right_btn_back" format="reference|color"/>
        <attr name="right_text" format="string"/>

    </declare-styleable>

</resources>

何如在代码中获取定义好的属性呢？

private TypedArray mTypedArray;

public void initTypedArray(Context context){
        //指定是从哪读取的属性
        mTypedArray = context.obtainStyledAttributes(R.styleable.TopBar);

        mTxtTile = mTypedArray.getString(R.styleable.TopBar_top_bar_title);
        mTxtLeft = mTypedArray.getString(R.styleable.TopBar_left_text);
        mTxtRight = mTypedArray.getString(R.styleable.TopBar_right_text);

        mTitleColor = mTypedArray.getColor(R.styleable.TopBar_title_text_color, Color.WHITE);
        mLeftColor = mTypedArray.getColor(R.styleable.TopBar_left_text_color,Color.WHITE);
        mRightColor = mTypedArray.getColor(R.styleable.TopBar_right_text_color,Color.WHITE);

        mLeftBackground = mTypedArray.getDrawable(R.styleable.TopBar_left_btn_back);
        mRightBackground = mTypedArray.getDrawable(R.styleable.TopBar_right_btn_back);

        mTextSize = mTypedArray.getDimension(R.styleable.TopBar_title_text_size,10);
        //获取完值后一般都会调用recycle方法，来避免重新创建时候的错误
        mTypedArray.recycle();

    }

XML中能用吗？怎么用呢？
既然是自定义的控件属性，当然也可以在XML中使用

看到上图的topbar属性了吗？都是自定义的属性，那么怎么才能这样定义呢？看看Android原本的控件如何定义的吧

这是使用自定义控件的根布局LinearLaout，看其中的xmlns:android就是系统的，而我们的就是xmlns:topbar；xmlns就是命名空间；这个名字可以随意更改，直接在根布局中改就可以了

组合控件

组合控件一般都是动态添加子View的，所以所有控件都是在Java代码中添加，与xml无关。这时控件大家都会定义，属性也会设置如setTextColor()；但是Layout的位置呢？应该如下所示：

private ViewGroup.LayoutParams layoutParams;

layoutParams = new ViewGroup.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT,
                ViewGroup.LayoutParams.MATCH_PARENT
        );

//然后就可以用addView方法添加到组合控件中了
//例如定义了一个mLeftButton
addView(mLeftButton,layoutParams);

//查看addView源码
public void addView(View view, ViewGroup.LayoutParams params);

可以看到第四个方法有view和layoutParams的属性，就选这个

自定义点击事件接口

一般一个控件都会有点击事件吧，但是一个组合控件里面有多个控件，这时你就要自己写一个点击事件的接口让别人用了。

public interface OnTopBarClickListener {
        void onLeftClick();
        void onRightClick();
}

定义完后只是空的接口，需要有里面的点击响应:

OnTopBarClickListener mListener;

mLeftButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                //自行在外定义接口对象
                mListener.onLeftClick();
            }
    });

最后暴露出一个方法让调用者注册接口回调

public void setOnTopBarClickListener(OnTopBarClickListener listener){
    this.mListener = listener;
}

这样就ok了，是不是跟用系统的setOnTouchListener一样用了？就是这么简单

事件拦截机制简单分析

首先要知道什么是触摸事件；比如说按下一个按钮，按下按钮是事件一，不小心滑动是时间二，抬起手是事件三；

Android为触摸事件封装了一个类——MotionEvent；基本上所有与事件相关的操作都需要这个类

• 事件传递dispatchTouchEvent：父控件—>子控件
  返回值：true拦截；false不拦截

• 事件处理OnInterceptTouchEvent：子控件—>父控件
  返回值：true处理了；false给上级处理

初始情况下返回值都是false。

父控件想拦截事件就给OnInterceptTouchEvent设为true，这样就不会传递给子控件

子控件不想让父控件知道自己干了什么，就把OnInterceptTouchEvent置为true；这样就不会向父控件报告

是不是非常浅显易懂？这里就不过多阐述，只要知道是这样的就够了，深入的以后再说，或者可以看源码了解

该笔记源于《Android群英传》，加之自己的实践与理解，其中话语可能粗糙简陋，但可能更通俗直观，由于每个人知识水平不同，我只记录我认为不熟的，重点难点，想看全还请购买医生的书