《Android群英传》 使用Canvas绘图

先上图

在看徐医生的《Android群英传》的android绘制技巧(117页)，遇到canvas绘图。于是就实现了下书上的代码。顺便扩展了一下，画了一个时间表。

代码地址：时间表

Paint

setAntiAlias(boolean);//设置锯齿

setColor();//设置画笔颜色

setARGB();//设置画笔的ARGB

setAlpha();//设置透明度

setTextSize();//设置字体大小

setStyle();//设置风格，有三种可选。Stroke,Fill,Stroke And Fill

setStrokeWidth();//设置边框跨度

measureText();//获取该字体宽度

Canvas绘图

一般使用的方法:

drawPoint(x,y,paint);

drawLine(startX,startY,endX,endY);

drawLines(float[],paint);

drawRect(left,top,right,bottom,paint);

drawRoundRect(left,top,right,bottom,radiusX,radiusY,paint);

drawCircle(circleX,circleY,radis,paint);

drawArc();//绘制弧形和扇形

drawOval();

drawText(text,startX,startY,paint);

drawPosText();//在指定位置上画字

drawPath();//绘制路径

绘制技巧：

canvas.save();

canvas.restore();

canvas.translate(px,py);//平移画布，正右负左

canvas.rotate(degrees);

canvas.rotate(degrees,pivotX,pivotY);//以该点为圆心顺时针旋转

代码

在画该时间表时，难的就是对平移到圆心之后的canvas的旋转。期间配合save()和restore()方法不断进行入栈和出栈操作，使canvas将指针画在正确的位置上。

canvas.save();//保存当前画布
canvas.translate(mWidth / 2, mHeight / 2);//平移到圆心

//画时针,单独开画布，以免影响后续操作
canvas.save();
canvas.rotate(30 * (hour - 3));
canvas.drawLine(0, 0, 150, 0, hourPaint);
canvas.restore();

//画分针
canvas.save();
canvas.rotate(6 * (minute - 15));
canvas.drawLine(0, 0, 320, 0, minutePaint);
canvas.restore();

//画秒针
canvas.rotate(6 * (second - 15), 0, 0);
canvas.drawLine(0, 0, mWidth / 2 - 100, 0, secondPaint);

canvas.restore();

完成第一步正确定位后，又使用postDelay()方法使该自定义控件执行定时事件，像钟表一样一秒一秒的走。

init(){
post(timeClick);
}

Runnable timeClick = new Runnable() {
@Override
public void run() {

Calendar instance = Calendar.getInstance();
int startHour = instance.get(Calendar.HOUR);
int startMinute = instance.get(Calendar.MINUTE);
second = instance.get(Calendar.SECOND);

//精确计算时间和分钟
hour = startHour + startMinute / (float) 60 + second / (float) 3600;
minute = startMinute + second / (float) 60;

LogUtil.d(hour + ", " + minute + ", " + second);

postInvalidate();
postDelayed(this, 1000);//重复执行该动作，使秒针动起来
}
};

在onMeasure()中已经支持wrap_content,之后有时间支持padding属性。