上次我们研究了View的构造函数,自定义View最重要的步骤就是完成我们View的绘制.我们本篇就来好好的研究一下它.
我们都知道重写onDraw()方法便可对View进行各种绘制操作,但是在绘制之前我们还需要对View的布局进行处理,因为我们的自定义View可能需要在多种不同的布局环境下展现,如果不对其进行布局的处理,可能会使View的绘制得不到想要的结果.
onSizeChanged()
处理布局无非就是要知道View在屏幕展现时的大小和位置,在绘制前计算得到这些值以及其它与View的大小相关的值,我们便能将View正确的绘制到屏幕上.
而最简单的方法就是重写onSizeChanged()函数,这个函数会在View第一次分配大小时,以及当View的大小发生变化时被调用.因为当View的大小发生改变时才会对其布局造成影响,所以我们只需在onSizeChanged()函数中重新计算View的大小,位置,以及其他与View大小相关的值即可.这样我们可以避免在每次进行绘制时都在onDraw()函数中进行计算,可以提高效率.
下面是一段示例代码,使用的还是上次的相关代码:
private float mWidth, mHeight;
/**
* 在View大小发生变化是会被调用.可以在此函数进行View的大小,位置以及其他相关值的计算
*
* @param w 当前View的宽度
* @param h 当前View的高度
* @param oldw View改变前的宽度
* @param oldh View改变前的高度
*/
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
float xpad = (float)(getPaddingLeft()+getPaddingRight());
float ypad = (float)(getPaddingTop()+getPaddingBottom());
mWidth = w-xpad;
mHeight = h-ypad;
}
上面代码中我们定义了mWidth,mHeight两个成员属性, 我们的自定义View是绘制一个矩形.所以在onSizeChanged()中需要计算矩形展现的大小.这里需要将padding的值计算在内,因为padding是需要View在布局时处理的.
onMeasure()
上面的onSizeChanged()函数可以简单进行布局的处理,如果想要对View的布局参数进行细致的处理,这就需要重写onMeasure()函数.onMeasure()函数是由measure(int widthMeasureSpec, int heightMeasureSpec)函数所调用的,measure()用于获取一个View应该在布局中的大小,其中两个参数int widthMeasureSpec, int heightMeasureSpec由父布局提供,表示View的宽高的限制.但是具体实际的测量工作是在onMeasure()中完成的.
所以void onMeasure (int widthMeasureSpec,int heightMeasureSpec)需要对View和它的内容进行测量,为View的内容提供准确有效的测量.先来研究一下传进来的两个参数int widthMeasureSpec,int heightMeasureSpec.这两个参数是表示当前View在布局时测量的宽高的限制,它们是经过View.MeasureSpec编码处理的32位int值.它表示布局宽度或高度,并包含着size和mode两个信息.高两位表示mode,其余的30位表示size,它是通过位运算将它们结合在一起的.这两个参数是由View的父控件传递过来的.我们在xml布局文件或在代码中为View设置的宽高具体值或宽高的填充模式就对应着这两个参数的mode的3种形式:
- UNSPECIFIED
表明parent没有对child强加任何限制,child可以是它想要的任何尺寸 - EXACTLY
parent给child一个具体的值,child需要设置为该大小
对应具体的宽高值或match_parent - AT_MOST
child可以是任意的大小,但不能超过限制的值
对应wrap_content
这些mode都表示View在测量时的限制.清楚了两个参数的意义就可以对View进行测量了.但需要注意的是,View的宽高尺寸,只有在测量之后(measure()被调用后)才能得到.下面是onMeasure()的代码:
/**
* 对View的内容进行测量
*
* @param widthMeasureSpec parent对View宽度的限制信息
* @param heightMeasureSpec parent对View高度的限制信息
*/
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
float xpad = (float) (getPaddingLeft() + getPaddingRight());
float ypad = (float) (getPaddingTop() + getPaddingBottom());
mWidth = MeasureSpec.getSize(widthMeasureSpec) - xpad;
mHeight = MeasureSpec.getSize(heightMeasureSpec) - ypad;
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
之前已经提到过了,我们需要对View的padding进行处理,这是View的职责.当重写onMeasure()方法时必须调用void setMeasuredDimension(int measuredWidth, int measuredHeight)这个函数来存储经过测量的宽高,否则会触发IllegalStateException类型的异常,调用父类的onMeasure()函数也是一种方法,因为super.onMeasure()函数中调用了setMeasuredDimension(),上面的代码我就直接调用了父类的onMeasure()方法.
我们可以进入super.onMeasure()当中去查看一下源代码,它的实现如下:
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec),
getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec));
}
果然如我们所说的,它调用了setMeasuredDimension(),代码中还有调用了另外三个函数getDefaultSize(),getSuggestedMinimumWidth(),getSuggestedMinimumHeight().
我们先跳到getDefaultSize(),看一下这函数是干什么的.
/**
* Utility to return a default size. Uses the supplied size if the
* MeasureSpec imposed no constraints. Will get larger if allowed
* by the MeasureSpec.
*
* @param size Default size for this view
* @param measureSpec Constraints imposed by the parent
* @return The size this view should be.
*/
public static int getDefaultSize(int size, int measureSpec) {
int result = size;
int specMode = MeasureSpec.getMode(measureSpec);
int specSize = MeasureSpec.getSize(measureSpec);
switch (specMode) {
case MeasureSpec.UNSPECIFIED:
result = size;
break;
case MeasureSpec.AT_MOST:
case MeasureSpec.EXACTLY:
result = specSize;
break;
}
return result;
}
从注释中可以看出,这个函数是根据传进的参数获取View的布局大小,具体过程就是根据测量模式的不同,返回不同的大小.getSuggestedMinimumHeight()和getSuggestedMinimumWidth()两个函数就是获取View的最小建议值,这就可以保证View的测量值是最少是建议的值(View的最小值或(View的最小值和背景最小值中的较大值)),下面就是具体的源码.
protected int getSuggestedMinimumHeight() {
return (mBackground == null) ? mMinHeight : max(mMinHeight, mBackground.getMinimumHeight());
}
onDraw()
测量完毕后,我们就可以进行View的绘制了.我们通过Canvas和Paint进行绘制,Canvas决定绘制什么,而Paint决定怎么绘制.由于Canvas是onDraw(Canvas canvas)传入的参数,但Paint却需要我们自己创建和初始化,如果选择在onDraw()里执行这项工作,则在每次的View绘制时都会进行.所以为了提高效率,我们可以将Paint的创建和初始化放在View的构造函数中执行.
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
mPaint = new Paint();
mPaint.setColor(Color.BLUE);
mPaint.setStrokeWidth(5);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawRect(getPaddingLeft(), getPaddingTop(), getPaddingLeft() + mWidth, getPaddingTop() + mHeight, mPaint);
}
这里我们只简单的绘制一个矩形.一个自定义的View基本上就完成了.