最近刚开始学习自定义View，自定义View当然离不开OnLayout，onDraw，OnMeasure，单词好的可能一看便知，onMeasure便是测量的方法，onLayout则是控制控件如何放置的方法，讲onDraw，自然不能不提paint和canvas这两个类，今天的博客就是利用canvas和paint画一个简单的卡通画，纯粹用来练习canvas的基础用法的，为了让这个练习变得有趣点，便画了一个熊本熊的图片，虽然瘦了点，还算能看的，哈哈，先上图一张：
下面奉上代码：代码很简单，就不用解释了。
package com.example.administrator.mypander;
import android.animation.ObjectAnimator;
import android.annotation.TargetApi;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Rect;
import android.graphics.RectF;
import android.os.Build;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.TranslateAnimation;
/**
* Created by bean on 2016/12/9.
*/
public class Pander extends View {
private Paint paint;
public Pander(Context context) {
super(context);
initPaint();//初始化画笔
}
public Pander(Context context, AttributeSet attrs) {
super(context, attrs);
initPaint();
}
public Pander(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initPaint();
}
private void initPaint() {
paint = new Paint();//初始化画笔对象
paint.setColor(Color.RED);//设置画笔颜色
paint.setAntiAlias(true);//抗锯齿
}
@Override
protected void onDraw(Canvas canvas) {
//画背景矩形
RectF rectF = new RectF(50, 50, 640, 640);
canvas.drawRect(rectF, paint);
canvas.save();
//画黑色大圆圈
paint.setColor(Color.BLACK);
canvas.drawCircle(350, 350, 240, paint);
canvas.save();
paint.setColor(Color.WHITE);
canvas.drawCircle(350, 350, 238, paint);
canvas.save();
//画左边的耳朵
paint.setColor(Color.BLACK);
canvas.drawCircle(220, 220, 50, paint);
canvas.save();
paint.setColor(Color.WHITE);
canvas.drawCircle(220, 220, 30, paint);
canvas.save();
//画右边的耳朵
paint.setColor(Color.BLACK);
canvas.drawCircle(480, 220, 50, paint);
canvas.save();
paint.setColor(Color.WHITE);
canvas.drawCircle(480, 220, 30, paint);
canvas.save();
//画熊脸
paint.setColor(Color.BLACK);
rectF.set(200, 200, 500, 480);
canvas.drawOval(rectF, paint);
canvas.save();
//画左眼
paint.setColor(Color.WHITE);
canvas.drawCircle(300, 300, 40, paint);
canvas.save();
//画右眼
canvas.drawCircle(400, 300, 40, paint);
canvas.save();
//左眼珠
paint.setColor(Color.BLACK);
rectF.set(295, 285, 310, 315);
canvas.drawOval(rectF, paint);
canvas.save();
//右眼珠
rectF.set(395, 285, 410, 315);
canvas.drawOval(rectF, paint);
canvas.save();
//左腮红
paint.setColor(Color.RED);
canvas.drawCircle(230, 380, 40, paint);
canvas.save();
//右腮红
paint.setColor(Color.RED);
canvas.drawCircle(470, 380, 40, paint);
canvas.save();
paint.setColor(Color.BLACK);
Path path = new Path();
path.moveTo(260, 450);
path.lineTo(440, 450);
path.lineTo(500, 540);
path.lineTo(200, 540);
path.close();
canvas.drawPath(path, paint);
canvas.save();
rectF.set(204, 468, 494, 588);
canvas.drawArc(rectF, 0, 180, true, paint);
canvas.save();
//画鼻子
paint.setColor(Color.WHITE);
rectF.set(290, 360, 420, 460);
canvas.drawOval(rectF, paint);
canvas.save();
paint.setColor(Color.BLACK);
rectF.set(320, 370, 390, 400);
canvas.drawOval(rectF, paint);
canvas.save();
rectF.set(310, 400, 400, 440);
canvas.drawArc(rectF, 0, 180, false, paint);//小弧形
canvas.save();
//左眉毛
paint.setColor(Color.WHITE);
rectF.set(270, 220, 330, 260);
canvas.drawArc(rectF, 180, 180, false, paint);//小弧形
canvas.save();
paint.setColor(Color.BLACK);
rectF.set(270, 230, 330, 280);
canvas.drawArc(rectF, 180, 180, false, paint);//小弧形
canvas.save();
//右眉毛
paint.setColor(Color.WHITE);
rectF.set(370, 220, 430, 260);
canvas.drawArc(rectF, 180, 180, false, paint);//小弧形
canvas.save();
paint.setColor(Color.BLACK);
rectF.set(370, 230, 430, 280);
canvas.drawArc(rectF, 180, 180, false, paint);//小弧形
canvas.save();
}
}没啥特别的，就是大圆套小圆，圈圈勾勒的熊熊，本来想写成动画的，让鼻子眼睛动一动，但是水平有限，我还在学习，嘿嘿。