Android 繪圖機制：canvas初解

Android 繪圖機制：canvas初解

 

Canvas 即“畫布”的意思，在Android中用其來進行2D繪畫。
在使用canvas來進行繪圖時，一般都會自訂一個View來重寫它的onDraw方法：

public class CustomCanvas extends View {    public CustomCanvas(Context context) {        super(context);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);    }}

既然是繪圖，自然就少不了畫筆：Paint，canvas通過借用paint來繪製映像。
canvas中，有rotate、scale、translate等方法即旋轉、縮放、平移，對於這幾個方法必須注意：操作對想象是畫布，發生旋轉、縮放、平移的是畫布，並且使用canvas繪製時其中的座標參數是相對於畫布的而不是相對於螢幕本身。單通過語言可能不太好理解，下面給出執行個體。
CanvasDemo：

第一步 自訂View並重寫onDraw方法

package com.noyet.practice.canvasdemo;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.graphics.RectF;import android.view.View;/** * package: com.noyet.practice.canvasdemo * Created by noyet on 2015/11/23. */public class CustomCanvas extends View {    private Paint mPaint;    private RectF mRect;    public CustomCanvas(Context context) {        super(context);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        mPaint = new Paint();        mPaint.setAntiAlias(true);        mPaint.setColor(Color.RED);        mRect = new RectF(100, 100, 150, 150);        canvas.drawRect(mRect, mPaint);//        canvas.save();        canvas.scale(2f, 2f);        canvas.rotate(10, 100, 100);        mPaint.setColor(Color.GRAY);        canvas.drawRect(mRect, mPaint);//        canvas.restore();    }}

第二步 在螢幕中顯示出來

package com.noyet.practice.canvasdemo;import android.app.Activity;import android.graphics.Canvas;import android.graphics.Paint;import android.graphics.Rect;import android.os.Bundle;import android.view.View;public class MainActivity extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(new CustomCanvas(this));    }}

繪製結果：

可以看到，當調用canvas.scale(2f, 2f)方法和，連座標的時間權重都是原來的2倍了