自定义View只要有三种类型：自绘控件、组合控件、继承控件。
自绘控件
自定义View主要是因为系统的内置View无法满足我们的需求。自定义View的时候一般需要重写两个方法：onMeasure()、onLayout()、onDraw()以及构造函数。其中onMeasure()负责对当前视图的尺寸进行测量，onDraw()负责把当前这个View绘制出来。构造函数中主要是做一些初始化的操作。如果涉及到自定义属性，需要重写三个构造函数。
1. 构造函数
/**
* 通过new方法创建View会执行这个构造函数
* @param context
*/
public CustomTitleView(Context context) {
this(context, null);
}
/**
* 通过xml文件创建View会执行这个构造函数
* @param context
* @param attrs
*/
public CustomTitleView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
/**
* 自定义View的时候那些自定义属性一般从这个方法中获取
* @param context
* @param attrs
* @param defStyleAttr
*/
public CustomTitleView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
/**
* 获得我们所定义的自定义样式属性
* 这里需要四个参数，第二个参数是刚定义的属性文件
*/
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.CustomTitleView,
defStyleAttr, 0);
int attrCount = a.getIndexCount();
for (int i=0; i<attrCount; i++){
int attr = a.getIndex(i);
switch (a.getIndex(i)){
case R.styleable.CustomTitleView_titleText:
mTitleText = a.getString(attr);
break;
case R.styleable.CustomTitleView_titleColor:
mTitleTextColor = a.getColor(attr, Color.BLACK);
break;
case R.styleable.CustomTitleView_titleSize:
// 默认设置为16sp，TypeValue也可以把sp转化为px
mTitlSize = a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension
(TypedValue
.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
break;
}
}
a.recycle();
/**
* 获得绘制文本的宽和高
*/
mPaint = new Paint();
mPaint.setTextSize(mTitlSize);
mBound = new Rect();
mPaint.getTextBounds(mTitleText,0,mTitleText.length(),mBound);
}
构造函数这一块，一般情况下重写两个，涉及到自定义属性的时候需要重写三个。其实，在xml文件中涉及到自定义属性，也是调用两个参数的构造函数。
2.自定义属性
先看一下自定义属性的属性文件：
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!--首先是创建属性-->
<attr name="titleText" format="string"></attr>
<attr name="titleColor" format="color"></attr>
<attr name="titleSize" format="dimension"></attr>
<!--为CustomTitleView使用属性-->
<declare-styleable name="CustomTitleView">
<attr name="titleText"></attr>
<attr name="titleColor"></attr>
<attr name="titleSize"></attr>
</declare-styleable>
</resources>
然后是在布局文件中使用自定义属性，这里需要注意一个点就是定义命名空间：
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:zwf = "http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Fragment.CustomAttrFragment">
<com.zwf.imageloaderdemo.CustomView.CustomTitleView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
zwf:titleText="我是一个标题！"
zwf:titleColor="#00ff00"
zwf:titleSize="24dp"/>
</FrameLayout>
这里是定义命名空间：xmlns:zwf = "http://schemas.android.com/apk/res-auto"
3.onMeasure
这个方法主要是用来测量View和他的子控件的尺寸。View类有默认的测量规则是android:layout_width和android:layout_height为match_parent或者wrap_content时，是填充全屏的。 这很多时候都是不符合我们的要求的，所以需要重写onMeasure()。看一下onMeasure方法的原型：
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
有两个参数widthMeasureSpec、heightMeasureSpec。这两个参数虽然是int类型，但是它包含两个信息：测量模式和尺寸大小。其中，这个尺寸大小就是我们在布局文件中设置的android:layout_width和android:layout_height值。
下面看一下测量模式是什么鬼：
| 模式 | 意义 |
|---|---|
| UNSPECIFIED | 对于控件尺寸来说，没有任何参考意义 |
| EXACTLY | 代表的是精确的尺寸 |
| AT_MOST | 代表的是最大可获得的空间 |
通常 match_parent和 固定尺寸（例如80dp）对应的是EXACTLY
wrap_content对应的是AT_MOST
下面看一下如何获取测量模式和尺寸大小：
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
这里需要依赖辅助类MeasureSpec来实现了，他内部已经写好了。暂时不深究了。
看一下如何重写onMeasure():
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
/*
MeasureSpec的specMode,一共三种类型：
EXACTLY：一般是设置了明确的值或者是MATCH_PARENT和固定尺寸
AT_MOST：表示子布局限制在一个最大值内，一般为WARP_CONTENT
UNSPECIFIED：表示子布局想要多大就多大，很少使用
*/
int width, height;
//测量宽度
if (widthMode == MeasureSpec.EXACTLY){
width = widthSize;
}else{
mPaint.setTextSize(mTitlSize);
mPaint.getTextBounds(mTitleText, 0, mTitleText.length(), mBound);
float textWidth = mBound.width();
int desired = (int)(getPaddingLeft()+textWidth+getPaddingRight());
width = desired;
}
//测量高度
if (heightMode == MeasureSpec.EXACTLY){
height = heightSize;
}else{
mPaint.setTextSize(mTitlSize);
mPaint.getTextBounds(mTitleText, 0, mTitleText.length(), mBound);
float textHeight = mBound.height();
int desired = (int)(getPaddingTop()+textHeight+getPaddingBottom());
height = desired;
}
//通过这个方法告诉父控件需要多大地方来放置子控件
setMeasuredDimension(width, height);
}
4.onDraw
这个方法主要是根据上面我们测量的尺寸来绘制。主要是利用画笔Paint在画板Canvas对象上绘制。Canvas对象有很多的关于绘制的方法。
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//给画笔设置颜色
mPaint.setColor(Color.YELLOW);
//绘制一个rect
canvas.drawRect(0,0,getMeasuredWidth(), getMeasuredHeight(), mPaint);
mPaint.setColor(mTitleTextColor);
//绘制文本
canvas.drawText(mTitleText,getWidth()/2-mBound.width()/2,getHeight()/2+mBound.height()/2,
mPaint);
}
视图重绘
在视图完全加载并绘制到屏幕上之后，当需要改变某个视图的状态或者隐藏显示某个控件。这时候就需要重新对视图进行绘制。当视图调用setVisibility()、setEnabled()、setSelected()等方法时都会导致视图重绘，而如果我们想要手动地强制让视图进行重绘，可以调用 invalidate()方法来实现。当然了，setVisibility()、setEnabled()、setSelected()等方法的内部其实也是通过调用invalidate()方法来实现的。想了解更多内容请移步郭神这里！
invalidate()方法虽然最终会调用到performTraversals()方法中，但这时measure和layout流程是不会重新执行的，因为视图没有强制重新测量的标志位，而且大小也没有发生过变化，所以这时只有draw流程可以得到执行。而如果你希望视图的绘制流程可以完完整整地重新走一遍，就不能使用invalidate()方法，而应该调用 requestLayout()了。这个方法中的流程比invalidate()方法要简单一些，但中心思想是差不多的，这里也就不再详细进行分析了。
所以视图重绘调用 invalidate()这个方法，要想重新计算尺寸并重绘调用 requestLayout()这个方法。
