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

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

             欢迎一起讨论和学习，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);
    }
}