自定义View之自定义View的一般流程
自定义View之一般自定义View的流程
在记录自定义View之非常基础篇之后，真实的发现有些东西写下来一遍会比看十遍记忆的清晰！小伙伴们不妨也试试~
首先放最基本的流程图
自定义View绘制流程图
从View继承一般需要忙活的方法是onDraw这里
从ViewGroup继承一般需要忙活的方法是onLayout这里
构造函数 （获取自定义参数）
构造函数中我们主要会做一些初始化操作，以及获取自己的自定义属性参数（如果使用自定义属性的话）
如果有使用自定义属性的话，我们可以通过AttributeSet对象attrs获取他们的值
public SlipBase(Context context){
this(context,null);
}
public SlipBase(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public SlipBase(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public SlipBase(Context context,AttributeSet attr,int defStryleAttr,int defStyleRes){
super(context,attr,defStryleAttr,defStyleRes);
}
- 不管是继承ViewGroup还是View都有四个构造重载方式可供选择，其实四个参数的是API21之后添加的。
- 有三个参数的构造函数中第三个参数是默认的Style，这里的默认的Style是指它在当前Application或Activity所用的Theme中的默认Style，且只有在明确调用的时候才会生效
- 我们在写自定义View的时候需要关心的通常是有一个和两个参数的构造方法
- 一个参数的构造方法一般会在View直接new的时候调用比如:
SlipBase slipbase = new SlipBase(context);
- 写在layout文件中XXX.xml则调用的是两个参数的方法
onMeasure （测量View大小）
measure过程要分情况来看，如果只是一个原始的View，那么通过measure方法就完成其测量过程，如果是一个ViewGroup，除了完成自己的测量过程外，还会遍历去调用所有子元素的measure方法。
这里面涉及到一个类MeasureSpec，MeasureSpec代表一个32位int值，高2位代表SpecMode，低30位代表SpecSize。SpecMode是指测量模式，而SpecSize是指在某种测量模式下的规格大小。
SpecMode有三类，每一类都表示特殊的含义
- UNSPECIFIED
父容器不对View有任何限制，要多大给多大，这种情况一般用于系统内部。
- EXACTLY
父容器已经检测出View所需要的精确大小，这个时候View的最终大小就是SpecSize所以定的值。她对应LayoutParams中的match_parent和具体的数值
- AT_MOST
父容器指定了一个可用大小即SpecSize,View的大小不能大于这个值。她对应于LayoutParams中的wrap_content.
在之前的一篇自定义View中实际代码，感兴趣的小伙伴可以翻来看看
自定义控件之雷达图
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//可以在这里处理View自身的测量情况 wrap
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){
heightSpecSize = widthSpecSize = DEFAULTSIZE;
}else{
heightSpecSize = widthSpecSize = Math.min(heightSpecSize,widthSpecSize);
}
setMeasuredDimension(widthSpecSize,heightSpecSize);
}
onSizeChanged （确定View的大小）
这个函数在视图大小发生改变时调用。
一般情况下onMeasure中就可以把View的大小确定下来了，但是因为View的大小不仅由View本身控制，而且受父控件的影响，所以我们在确定View大小的时候最好使用系统提供的onSizeChanged回调函数。
同样是这篇自定义View中有具体的使用：自定义控件之雷达图
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mCenterW = w/2;
mCenterH = h/2;
mDefaultMaxR = Math.min(w,h)/2f-30;//随便计算一下 最大值
Log.e("SpiderView",String.format("控件默认的最大的R为%f",mDefaultMaxR));
//防止用户设置的值 突破天际
if(mMaxR >0f){
mMaxR = Math.min(mDefaultMaxR,mMaxR);
}else{
mMaxR = mDefaultMaxR;
}
}
onLayout （确定子View的位置）
主要是用于确定子View的具体布局位置，一般是在继承了ViewGroup的时候需要重写这个方法，一般都是在onLayout中获取所有的子类，然后根据需求计算出子View的位置参数，再通过调用子View的layout(l,t, r, b)方法设置子View的位置。
onLayout的具体应用实践可以翻翻：自定义View之图片随手势方向动态加载中的0x03这部分
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
if(getChildCount()<2) return;
MarginLayoutParams marginLayoutParams;
switch (slipTo){
case DOWN:
for (int i=0;i<getChildCount(); i++){
View childView = getChildAt(i);
marginLayoutParams = (MarginLayoutParams) childView.getLayoutParams();
int cl= marginLayoutParams.leftMargin, ct = 0, cr = cl + mWidth, cb;
if(isEvenRepeat()){
if(i==0) {
ct = mMarginTopHeight + mHeight;
}else if(i==1){
ct = mMarginTopHeight;
}
}else{
if(i==0){
ct = mMarginTopHeight;
}else if(i==1){
ct = mMarginTopHeight + mHeight;
}
}
ct = ct +20;
cb = ct + mHeight;
childView.layout(cl,ct,cr,cb);
}
break;
。。。省略一堆代码。。。
}
}
在主动调用view.requestLayout();后可触发view的onLayout方法。
onDraw （绘制内容）
重写onDraw方法基本可以说是自定义View的一个标配。这部分也决定了自定义View的具体效果。是猫是狗，主要取决于你在一个方法的canvas上画了什么~
这个方法具体的使用实践也可以参考这篇：自定义控件之雷达图
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if(spiders==null||spiders.size()<3) return; //没有值或者值小于3 直接不画
mSizeCount = spiders.size();
mR = mMaxR / (mCount-1);
mAngle = (float) Math.PI*2/mSizeCount;
canvas.translate(mCenterW,mCenterH); //将原点移动至中心
//分别绘制
drawSpiderBase(canvas);
drawSpiderSupport(canvas);
drawSpiderData(canvas);
drawSpiderText(canvas);
}
在主动调用view.invalidate();后，可触发view的重绘
其他
- 直接继承View重写View的时候，注意要重写onmeasure方法使其支持wrap_content。并且padding也需要自己处理，padding需要在onDraw方法中处理
- 直接继承ViewGroup的控件需要在onMeasure和onLayout中考虑padding和子元素的margin对其造成的影响。
- 如果有线程或者动画，需要及时停止
- 注意滑动冲突
参考
本文部分内容参考 Android开发艺术探索
