《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属性。