1.了解自定义View过程
自定义View流程图
2.示例
2.1 创建MyView的类文件并继承View，重写三种构造方法。
MyView
2.2 创建attr.xml文件，并制定属性名称和类型。
attr.xml
2.3 获取MyView属性
获取属性.png
2.4 获取完属性之后，系统会调用addView，这个过程是onAttachedToWindow
2.5 处理MyView大小，即执行onMeasure方法
onMeasure()方法顾名思义就是用于测量视图的大小的。View系统的绘制流程会从ViewRoot的performTraversals()方法中开始，在其内部调用View的measure()方法。measure()方法有两个参数，widthMeasureSpec和heightMeasureSpec，这两个值分别用于确定视图的宽度和高度的规格和大小。
MeasureSpec的值由specSize和specMode共同组成的，其中specSize记录的是大小，specMode记录的是规格。specMode一共有三种类型，如下所示：
- EXACTLY
表示父视图希望子视图的大小应该是由specSize的值来决定的，系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。
- AT_MOST
表示子视图最多只能是specSize中指定的大小，开发人员应该尽可能小得去设置这个视图，并且保证不会超过specSize。系统默认会按照这个规则来设置子视图的大小，开发人员当然也可以按照自己的意愿设置成任意的大小。
- UNSPECIFIED
表示开发人员可以将视图按照自己的意愿设置成任意的大小，没有任何限制。这种情况比较少见，不太会用到。
而widthMeasureSpec和heightMeasureSpec这两个参数是从ViewRoot传递下来的，代码如下
private int getRootMeasureSpec(int windowSize, int rootDimension) {
int measureSpec;
switch (rootDimension) {
case ViewGroup.LayoutParams.MATCH_PARENT:
measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.EXACTLY);
break;
case ViewGroup.LayoutParams.WRAP_CONTENT:
measureSpec = MeasureSpec.makeMeasureSpec(windowSize, MeasureSpec.AT_MOST);
break;
default:
measureSpec = MeasureSpec.makeMeasureSpec(rootDimension, MeasureSpec.EXACTLY);
break;
}
return measureSpec;
}
onMeasure最终需要通过setMeasuredDimension(width,height)设置最终值
onMeasure
2.6 onLayout 这个方法是用于给视图进行布局的，也就是确定视图的位置，通常这个方法些LinearLayout等布局时才会用到。
onLayout
2.7 onDraw(Canvas canvas) ViewRoot中的代码会继续执行并创建出一个Canvas对象，然后调用View的draw()方法来执行具体的绘制工作。
3.示例
MyView.java
public class MyView extends View {
private String mChar = "lh";
private int mCharColor = Color.BLUE;
private int mCharBgColor = Color.YELLOW;
private Paint mPaint;
public MyView(Context context) {
this(context,null);
}
public MyView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs,-1);
}
public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
TypedArray typedArray = getContext().obtainStyledAttributes(attrs,R.styleable.MyView);
mChar = typedArray.getString(R.styleable.MyView_Char);
mCharColor = typedArray.getColor(R.styleable.MyView_CharColor,Color.BLACK);
mCharBgColor = typedArray.getColor(R.styleable.MyView_CharBgColor,Color.WHITE);
typedArray.recycle();//回收资源以便重用
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
/**
* MeasureSpec :
* MeasureSpec.EXACTLY 意味着硬编码大小值，所以你应该设置指定的宽度或高度。
* MeasureSpec.AT_MOST 用于表明你的View匹配父View的大小，
* 所以它应该和他想要的大小一样大。
* [译者注：此时View尺寸只要不超过父View允许的最大尺寸即可]
* MeasureSpec.UNSPECIFIED 实际上是视图包装尺寸。
*
*
*/
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
//经过一系列处理
//设置最终值
setMeasuredDimension(200,200);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
//ViewGroup时候执行
/**
if(getChildCount() > 0){
View child = getChildAt(0);
child.layout(0, 0, child.getMeasuredWidth(), child.getMeasuredHeight());
}
*/
super.onLayout(changed, left, top, right, bottom);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setColor(mCharBgColor);
canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint);
mPaint.setColor(mCharColor);
mPaint.setTextSize(20);
String text = mChar;
canvas.drawText(text, 0, getHeight() / 2, mPaint);
}
}
attr.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="MyView">
<attr name="Char" format="string" />
<attr name="CharColor" format="color" />
<attr name="CharBgColor" format="color" />
</declare-styleable>
</resources>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:lh="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:gravity="center"
tools:context="com.lh.train.customview.MainActivity">
<com.lh.train.customview.MyView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
lh:CharBgColor="#fff"
lh:CharColor="#FF4081"
lh:Char="你好"
/>
</LinearLayout>
ps:上面的lh相当于是一个命名空间，可以随意取。
MyView
