Android 之View

一、简介

• View的三大流程，measure、layout、draw，通过ViewRoot完成

• ViewRoot 对应于ViewRootImpl类，连接WindowManager和DecorView的纽带

• DecorView顶级View，一般包含LinearLayout，布局中包含titlebar和android.R.id.content

• 在ActivityThread中流程
  Activity对象创建完成->DecorView添加到window，同时创建ViewRootImpl对象，并和DecorView建立关联

• MeasureSpec（测量规格），解决测量过程，代表一个32位的int值，高2位代表SpecMode，低30位代表SpecSize

  
  performTraversals的工作流程图.png

• measure过程 除了自己的测量，还会遍历调用所有子元素的measure方法

• layout过程 确定子元素位置，同样会遍历，layout方法确定View本身的，onLayout方法确定子元素的

• draw过程 将View绘制到屏幕，遵循四步：绘制背景background.draw(canvas)、绘制自己（onDraw）、绘制children（dispatchDraw）、绘制装饰（onDrawscrollBars）

二、自定义View

一般分为四种

2.1 继承View 重写onDraw方法

• 实现不规则的效果
• 重写onDraw方法
• 自己支持warp_content
• 自己处理padding

不带参的例子

public class CircleView extends View {

    private int mColor = Color.RED;
    private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

    public CircleView(Context context) {
        super(context);
        init();

    }

    public CircleView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init(){
        mPaint.setColor(mColor);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        final int paddingLeft = getPaddingLeft();
        final int paddingRight = getPaddingLeft();
        final int paddingTop = getPaddingTop();
        final int paddingBottom = getPaddingBottom();

        int  width = getWidth()- paddingLeft - paddingRight;
        int height = getHeight() - paddingTop - paddingBottom;

//        int  width = getWidth();
//        int height = getHeight();
        int radius = Math.min(width,height)/2;
        canvas.drawCircle(paddingLeft+width/2, paddingTop+height/2, radius, mPaint);
    }
}

   <com.example.jony.hcsdemo2.CircleView
       android:id="@+id/circleView1"
       android:layout_width="wrap_content"
       android:layout_height="100dp"
       android:layout_margin="20dp"
       android:padding="20dp"
       android:background="#000000"/>

PS1：直接继承自View的控件，如果不对wrap_content做任何处理，宽度使用wrap_content相当于match_content
PS2:padding必须自己处理，不然没有效果

带参的例子
android开头的属性都是系统自带属性

public class CircleView extends View {

    private int mColor;
    private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);

    public CircleView(Context context) {
        super(context);
        init();

    }

    public CircleView(Context context, @Nullable AttributeSet attrs) {
        //一定要执行下面的方法
        this(context, attrs, 0);
//        init();
    }

    public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        //加载自定义属性集合
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CircleView);
        //解析自定义属性集合，获取属性，如果没有指定则采用默认值红色
        mColor = a.getColor(R.styleable.CircleView_circle_color, Color.RED);
        //实现资源
        a.recycle();

        init();
    }

    private void init(){
        mPaint.setColor(mColor);
    }

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

        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);

        if (widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST){
            setMeasuredDimension(200, 200);
        } else if (widthSpecMode == MeasureSpec.AT_MOST){
            setMeasuredDimension(200, heightSpecSize);
        } else if (heightSpecMode == MeasureSpec.AT_MOST){
            setMeasuredDimension(widthSpecSize, 200);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        final int paddingLeft = getPaddingLeft();
        final int paddingRight = getPaddingLeft();
        final int paddingTop = getPaddingTop();
        final int paddingBottom = getPaddingBottom();

        int  width = getWidth()- paddingLeft - paddingRight;
        int height = getHeight() - paddingTop - paddingBottom;

//        int  width = getWidth();
//        int height = getHeight();
        int radius = Math.min(width,height)/2;
        canvas.drawCircle(paddingLeft+width/2, paddingTop+height/2, radius, mPaint);
    }
}

  <com.example.jony.hcsdemo2.CircleView
       android:id="@+id/circleView1"
       android:layout_width="wrap_content"
       android:layout_height="100dp"
       android:layout_margin="20dp"
       android:padding="20dp"
       app:circle_color="@color/light_green"
       android:background="#000000"/>

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CircleView">
        <attr name="circle_color" format="color" />
    </declare-styleable>
</resources>

2.2 继承ViewGroup 派生特殊的Layout

• 用于实现自定义布局
• 需要处理ViewGroup的测量、布局这两个过程，并同时处理子元素的测量布局

2.3 继承特定的View

• 用于扩展某种已有的View的功能
• 不需要自己支持warp_content和padding等

2.4 继承特定的ViewGroup

• 用于几种View组合的情况，比较常见
• 不需要自己处理测量、布局过程
• 和2相比，2更接近底层

三、View的事件体系

• View的弹性滑动、滑动冲突、绘制原理等
  遇到再研究吧