简介
自定义View最重要的一部分就是指定义Draw。根据App需要自定义Draw可简单可复杂。这篇教程涵盖了大部分常用的插座
Override onDraw()
onDraw()是绘制自定义View中最重要的方法。onDraw()的方法的参数是Canvas,Canvas定义了一些 绘制文字、线、 位图等方法。你可以使用这些方法创建自己的UI。
Create Drawing Objects
Android图形系统将绘图分为两部分：
- 绘制什么：由
Canvas处理。(What to draw) - 怎么绘制：由
Paint处理。(How to draw)
比如：Canvas提供了方法绘制直线的方法，而Paint提供的方法可以设置直线的颜色。Canvas提供了方法绘制矩形的方法，而Paint提供的方法可以设置是填充矩形的颜色或则不填充。简而言之：Canvas定义绘制到屏幕上图形的形状，Paint定义了你绘制的每个形状的颜色、方式、字体等。
在开始绘制之前，你需要创建一个或多个Paint。下面的例子中在init()方法中创建，并在构造方法中调用：
private void init() {
mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mTextPaint.setColor(mTextColor);
if (mTextHeight == 0) {
mTextHeight = mTextPaint.getTextSize();
} else {
mTextPaint.setTextSize(mTextHeight);
}
mPiePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPiePaint.setStyle(Paint.Style.FILL);
mPiePaint.setTextSize(mTextHeight);
mShadowPaint = new Paint(0);
mShadowPaint.setColor(0xff101010);
mShadowPaint.setMaskFilter(new BlurMaskFilter(8,BlurMaskFilter.Blur.NORMAL));
...
提前创建对象是一个很重要的优化方式。Views会经常重绘，而且一些绘图的对象在初始化时会占用很多的资源。在onDraw()方法中创建对象会明显降低应用的性能，而且会造成UI卡顿。
Handle Layout Events
为了能够正确的绘制自定义View，你需要知道它的大小。复杂的自定义View经常会根据它们的大小、形状及在屏幕上的位置进行多次布局计算。
虽然View提供了许多处理视图大小的方法，但是大部分都不需要重写。如果自定义View不需要控制它的大小，你只需要重写onSizeChanged()。
onSizeChanged()会在自定义View第一次被设置了大小时调用，当自定义View的大小发生改变时会再次调用。在onSizeChanged()中计算View的大小、尺寸以及和自定义View大小相关的其它值，而不是在每次绘制是都去计算。
需要注意的是View的大小包括了padding值，在计算时不要忘记了处理padding值。
// Account for padding
float xpad = (float)(getPaddingLeft() + getPaddingRight());
float ypad = (float)(getPaddingTop() + getPaddingBottom());
// Account for the label
if (mShowText)
xpad += mTextWidth;
float ww = (float)w - xpad;
float hh = (float)h - ypad;
// Figure out how big we can make the pie.
float diameter = Math.min(ww, hh);
如果你需要改变自定义View的大小可以重写onMesure()。
@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// Try for a width based on our minimum
int minw = getPaddingLeft() + getPaddingRight() + getSuggestedMinimumWidth();
int w = resolveSizeAndState(minw, widthMeasureSpec, 1);
// Whatever the width ends up being, ask for a height that would let the pie
// get as big as it can
int minh = MeasureSpec.getSize(w) - (int)mTextWidth + getPaddingBottom() + getPaddingTop();
int h = resolveSizeAndState(MeasureSpec.getSize(w) - (int)mTextWidth, heightMeasureSpec, 0);
setMeasuredDimension(w, h);
}
上面的代码有3个重点：
- 计算Padding
- 使用
resolveSizeAndState()得到最终的宽高值。resolveSizeAndState()经过将自定义View期望的大小与onMeasure()的MeasureSpec参数里的值比较后，返回一个MeasureSpec值。 -
onMeasure()没有返回值，而是通过setMeasuredDimension()方法将处理结果应用到View。必须要调用setMeasuredDimension()，否则会有运行时错误。
Draw!
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// Draw the shadow
canvas.drawOval(mShadowBounds,mShadowPaint);
// Draw the label text
canvas.drawText(mData.get(mCurrentItem).mLabel, mTextX, mTextY, mTextPaint);
// Draw the pie slices
for (int i = 0; i < mData.size(); ++i) {
Item it = mData.get(i);
mPiePaint.setShader(it.mShader);
canvas.drawArc(mBounds, 360 - it.mEndAngle, it.mEndAngle - it.mStartAngle,true, mPiePaint);
}
// Draw the pointer
canvas.drawLine(mTextX, mPointerY, mPointerX, mPointerY, mTextPaint);
canvas.drawCircle(mPointerX, mPointerY, mPointerSize, mTextPaint);
}
