自定义控件之绘图篇（一）：概述及基本几何图形绘制 一目了然 ，适合初学者

惯例：先上图后说话，谢谢各位伙伴的支持! 有你们是我的福分！

             欢迎一起讨论和学习，QQ：732258496  微信：15520726587



 每日一言：处理好心情，再处理事情。

一、Paint与Canvas

像我们平时画图一样，需要两个工具，纸和笔。Paint就是相当于笔，而Canvas就是纸，这里叫画布。

所以，凡有跟要要画的东西的设置相关的，比如大小，粗细，画笔颜色，透明度，字体的样式等等，都是在Paint里设置；同样，凡是要画出成品的东西，比如圆形，矩形，文字等相关的都是在Canvas里生成。

下面先说下Paint的基本设置函数：

paint.setAntiAlias(true);//抗锯齿功能
paint.setColor(Color.RED);  //设置画笔颜色    
paint.setStyle(Style.FILL);//设置填充样式
paint.setStrokeWidth(30);//设置画笔宽度
paint.setShadowLayer(10, 15, 15, Color.GREEN);//设置阴影

二、实际代码

public class MyView extends View {
Context m_context;

public MyView(Context context) {
super(context);
m_context = context;
}

//重写OnDraw（）函数，在每次重绘时自主实现绘图
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paintCircle(canvas);//画圆
paintLint(canvas);//画直线
paintLints(canvas);//画多条直线
paintLints(canvas);//画多条直线
paintPonts(canvas);//画多个点
paintRect(canvas);//画矩形
paintRoundRect(canvas);//画圆角矩形
paintOval(canvas);//画椭圆
paintArc(canvas);//画弧
}

/*画圆*/
private void paintCircle(Canvas canvas) {
//设置画笔基本属性
Paint paint = new Paint();
paint.setAntiAlias(true);//抗锯齿功能
paint.setColor(Color.RED);//设置画笔的颜色
paint.setStyle(Paint.Style.STROKE);//设置填充的样式
paint.setStrokeWidth(5);//设置画笔的宽度
paint.setShadowLayer(10, 15, 10, Color.GREEN);//设置阴影
canvas.drawRGB(255, 255, 255);//设置画布颜色背景
canvas.drawCircle(190, 200, 150, paint);//画圆
}

/*画直线*/
private void paintLint(Canvas canvas) {
//设置画笔基本属性
Paint paint = new Paint();
paint.setColor(Color.RED);//设置画笔的颜色
paint.setStyle(Paint.Style.FILL);//设置填充的样式
paint.setStrokeWidth(5);//设置画笔的宽度
canvas.drawLine(100, 100, 200, 220, paint);//画直线
}

/*画多条直线*/
private void paintLints(Canvas canvas) {
//设置画笔基本属性
Paint paint = new Paint();
paint.setColor(Color.RED);//设置画笔的颜色
paint.setStyle(Paint.Style.FILL);//设置填充的样式
paint.setStrokeWidth(5);//设置画笔的宽度
float[] pts = {10, 10, 100, 100, 200, 200, 400, 400};//（上面有四个点：（10，10）、（100，100），（200，200），（400，400）），两两连成一条直线；
canvas.drawLines(pts, paint);//画多条直线
}

/*画多个点*/
private void paintPonts(Canvas canvas) {
//设置画笔基本属性
Paint paint = new Paint();
paint.setColor(Color.RED);//设置画笔的颜色
paint.setStyle(Paint.Style.FILL);//设置填充的样式
paint.setStrokeWidth(15);//设置画笔的宽度
float[] pts = {10, 10, 100, 100, 200, 200, 400, 400};//（上面有四个点：（10，10）、（100，100），（200，200），（400，400）），两两连成一条直线；
/*
* float[] pts:点的合集，与上面直线一直，样式为｛x1,y1,x2,y2,x3,y3,……｝
* int offset:集合中跳过的数值个数，注意不是点的个数！一个点是两个数值；
* count:参与绘制的数值的个数，指pts[]里人数值个数，而不是点的个数，因为一个点是两个数值
* */
canvas.drawPoints(pts, 2, 4, paint);//跳过第一个点，画出后面两个点，第四个点不画
}

//画矩形
private void paintRect(Canvas canvas) {
Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.FILL);
paint.setStrokeWidth(15);
//传入矩形的四个点，画出矩形
canvas.drawRect(10, 10, 100, 100, paint);//直接构造
RectF rectF = new RectF(120, 10, 220, 100);
canvas.drawRect(rectF, paint);//使用RectF 构造
Rect rect = new Rect(230, 10, 320, 100);
canvas.drawRect(rect, paint);//使用Rect 构造
}

//画圆角矩形
private void paintRoundRect(Canvas canvas) {
Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.FILL);
paint.setStrokeWidth(15);

RectF rectF = new RectF(230, 10, 500, 100);
canvas.drawRoundRect(rectF, 20, 10, paint);
}

//画椭圆
private void paintOval(Canvas canvas) {
Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.FILL);
paint.setStrokeWidth(15);

RectF rectF = new RectF(230, 10, 500, 100);
canvas.drawRect(rectF, paint);//画矩形

paint.setColor(Color.GREEN);
canvas.drawOval(rectF, paint);//话椭圆
}

//画弧
private void paintArc(Canvas canvas) {
Paint paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(5);
/**
*
*RectF oval:生成椭圆的矩形
*float startAngle：弧开始的角度，以X轴正方向为0度
*float sweepAngle：弧持续的角度
* *boolean useCenter:是否有弧的两边，True，还两边，False，只有一条弧
*/
RectF rectF = new RectF(230, 10, 500, 100);
canvas.drawArc(rectF, 0, 90, true, paint);
}
}