Android绘制之Canvas

我们经常在一个view上绘制一些图像或者形状的时候，都是使用canvas来实现的。我们可以在view中的onDraw方法中获取到canvas的对象。当绘制一些自定义图像的时候，调用view.invalidate方法对view进行重新刷新，然后会绘制一个新的图像。下面我们主要来了解下canvas的一些基本使用的方法。

canvas对象获取的途径有两种，一种是通过重新view.onDraw方法获取到canvas对象；另外一种是自己创建canvas对象，你可以像下面一样创建canvas对象：

Bitmap b = Bitmap.createBitmap(100, 100, Bitmap.Config.ARGB_8888);
Canvas c = new Canvas(b);

首先我们新写一个类CustomView继承View,然后我们重新onDraw方法，具体代码如下：

CustomView.java文件：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

activity_main.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.dylan.canvasdemo.MainActivity">

    <com.dylan.canvasdemo.CustomView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

当我们运行代码时，发现页面一片空白，是因为我们没在onDraw方法里进行任何绘制的操作。canvas提供绘制图像的api都是以draw开头的我们可以查看下它的api：

绘制颜色

drawARGB(int a, int r, int g, int b)

a,r,g,b的取值范围在［0，255］

    private void drawARGB(Canvas canvas) {
        canvas.drawARGB(125, 255, 0, 0);
    }

效果图如下：

drawRGB(int r, int g, int b)

r,g,b的取值范围在［0，255］

    private void drawRGB(Canvas canvas) {
        canvas.drawRGB(0, 255, 0);
    }

效果图如下：

drawColor(int color)

Color.parseColor(String color)中的color格式可为"#aarrggbb"或者"＃rrggbb"

    private void drawColor(Canvas canvas) {
        canvas.drawColor(Color.parseColor("#0000ff"));
    }

效果图如下：

绘制基本图形

drawBitmap(Bitmap bitmap, float left, float top, Paint paint)

该方法是以left top为顶点（相当于（x，y）），将位图画在画布上

    private void drawBitmap(Canvas canvas) {
        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.ic_launcher);
        canvas.drawBitmap(bitmap, 100, 100, new Paint());
    }

效果图如下：