安卓自定义View进阶-Canvas之绘制基本形状

Canvas之绘制基本形状

作者微博: @GcsSloop

【本系列相关文章】

在上一篇自定义View分类与流程中我们了解自定义View相关的基本知识，不过，这些东西依旧还是理论，并不能拿来(zhuang)用(B), 这一次我们就了解一些能(zhaung)用(B)的东西。

在本篇文章中，我们先了解Canvas的基本用法，最后用一个小示例来结束本次教程。

一.Canvas简介

Canvas我们可以称之为画布，能够在上面绘制各种东西，是安卓平台2D图形绘制的基础，非常强大。

**一般来说，比较基础的东西有两大特点:

1.可操作性强：由于这些是构成上层的基础，所以可操作性必然十分强大。

2.比较难用：各种方法太过基础，想要完美的将这些操作组合起来有一定难度。**

不过不必担心，本系列文章不仅会介绍到Canvas的操作方法，还会简单介绍一些设计思路和技巧。

二.Canvas的常用操作速查表

PS： Canvas常用方法在上面表格中已经全部列出了，当然还存在一些其他的方法未列出，具体可以参考官方文档 Canvas

三.Canvas详解

本篇内容主要讲解如何利用Canvas绘制基本图形。

绘制颜色：

绘制颜色是填充整个画布，常用于绘制底色。

  canvas.drawColor(Color.BLUE); //绘制蓝色

关于颜色的更多资料请参考基础篇_颜色

创建画笔：

要想绘制内容，首先需要先创建一个画笔，如下：

  // 1.创建一个画笔
  private Paint mPaint = new Paint();

  // 2.初始化画笔
    private void initPaint() {
        mPaint.setColor(Color.BLACK);       //设置画笔颜色
        mPaint.setStyle(Paint.Style.FILL);  //设置画笔模式为填充
        mPaint.setStrokeWidth(10f);         //设置画笔宽度为10px
    }

  // 3.在构造函数中初始化
    public SloopView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initPaint();
    }

在创建完画笔之后，就可以在Canvas中绘制各种内容了。

绘制点：

可以绘制一个点，也可以绘制一组点，如下：

        canvas.drawPoint(200, 200, mPaint);     //在坐标(200,200)位置绘制一个点
        canvas.drawPoints(new float[]{          //绘制一组点，坐标位置由float数组指定
                500,500,
                500,600,
                500,700
        },mPaint);

关于坐标原点默认在左上角，水平向右为x轴增大方向，竖直向下为y轴增大方向。

更多参考这里 基础篇_坐标系

绘制直线：

绘制直线需要两个点，初始点和结束点，同样绘制直线也可以绘制一条或者绘制一组：

        canvas.drawLine(300,300,500,600,mPaint);    // 在坐标(300,300)(500,600)之间绘制一条直线
        canvas.drawLines(new float[]{               // 绘制一组线 每四数字(两个点的坐标)确定一条线
                100,200,200,200,
                100,300,200,300
        },mPaint);

绘制矩形：

确定确定一个矩形最少需要四个数据，就是对角线的两个点的坐标值，通常我们会采用左上角和右下角的两个点的坐标(当然了右上和左下也可以)。

关于绘制矩形，Canvas提供了三种重载方法，第一种就是提供四个数值(对角线两个点的坐标)来确定一个矩形进行绘制。
其余两种是先将矩形封装为Rect或RectF(实际上仍然是用两个坐标点来确定的矩形)，然后传递给Canv