繪制圖片

注意硬件加速造成的影響。

drawPicture

簡介

把 Canvas 繪制點，線，矩形等諸多操作用 Picture 錄制下來，下次需要的時候拿來就能用，使用Picture相比于再次調用繪圖API，開銷更小，也就是說對于重復的操作可以更加節省開銷。

相關API

錄制

將一些 Canvas 操作用Picture存儲起來，不會直接顯示在屏幕上的。

// 1.創建Picture
private Picture mPicture = new Picture();

---------------------------------------------------------------

// 2.錄制內容方法
private void recording() {
    // 開始錄制 (接收返回值Canvas)
    Canvas canvas = mPicture.beginRecording(500, 500);
    // 創建一個畫筆
    Paint paint = new Paint();
    paint.setColor(Color.BLUE);
    paint.setStyle(Paint.Style.FILL);

    // 在Canvas中具體操作
    // 位移
    canvas.translate(250,250);
    // 繪制一個圓
    canvas.drawCircle(0,0,100,paint);

    mPicture.endRecording();
}

---------------------------------------------------------------

// 3.在使用前調用(我在構造函數中調用了)
  public Canvas3(Context context, AttributeSet attrs) {
    super(context, attrs);
    recording();    // 調用錄制
}

繪制

簡介

把錄制的內容顯示出來的方式有：

以上幾種方法主要區別：

1. 使用Picture提供的draw方法繪制

PS ：這種方法在比較低版本的系統上繪制后可能會影響Canvas狀態，所以這種方法一般不會使用。

// 將Picture中的內容繪制在Canvas上
mPicture.draw(canvas);

2. 使用Canvas提供的drawPicture方法繪制

和使用Picture的draw()不同， Canvas 的drawPicture()不會影響 Canvas 狀態。

drawPicture()有三種方法：

public void drawPicture (Picture picture);
public void drawPicture (Picture picture, Rect dst);
public void drawPicture (Picture picture, RectF dst);

canvas.drawPicture(mPicture,new RectF(0,0,mPicture.getWidth(),200));

對照上一張圖片，可以比較明顯的看出，繪制的內容根據選區進行了縮放。

3. 使用PictureDrawable的draw方法繪制

// 包裝成為Drawable
PictureDrawable drawable = new PictureDrawable(mPicture);
// 設置繪制區域 -- 注意此處所繪制的實際內容不會縮放
// 此處setBounds是設置在畫布上的繪制區域，并非根據該區域進行縮放，也不是剪裁Picture，每次都從Picture的左上角開始繪制。
drawable.setBounds(0,0,250,mPicture.getHeight());
// 繪制
drawable.draw(canvas);

drawBitmap

獲取Bitmap方式

通過BitmapFactory從不同位置獲取Bitmap

資源文件(drawable/mipmap/raw)

Bitmap bitmap = BitmapFactory.decodeResource(mContext.getResources(),R.raw.bitmap);

資源文件(assets)

Bitmap bitmap=null;
try {
    InputStream is = mContext.getAssets().open("bitmap.png");
    bitmap = BitmapFactory.decodeStream(is);
    is.close();
} catch (IOException e) {
    e.printStackTrace();
}

內存卡文件

Bitmap bitmap = BitmapFactory.decodeFile("/sdcard/bitmap.png");

網絡文件

// 此處省略了獲取網絡輸入流的代碼
Bitmap bitmap = BitmapFactory.decodeStream(is);
is.close();

繪制Bitmap

方法

// 第一種：
public void drawBitmap (Bitmap bitmap, Matrix matrix, Paint paint)

// 第二種：在繪制時指定了圖片左上角的坐標(距離坐標原點的距離)
public void drawBitmap (Bitmap bitmap, float left, float top, Paint paint)

// 第三種：
public void drawBitmap (Bitmap bitmap, Rect src, Rect dst, Paint paint)
public void drawBitmap (Bitmap bitmap, Rect src, RectF dst, Paint paint)

第一種

在 Canvas 坐標原點處繪制。

// 后兩個參數(matrix, paint)是在繪制的時候對圖片進行一些改變，如果只是需要將圖片內容繪制出來只需要用默認構造的就可以了
canvas.drawBitmap(bitmap,new Matrix(),new Paint());

第二種

可以在繪制時指定圖片左上角的坐標(距離 Canvas 坐標原點的距離)。

canvas.drawBitmap(bitmap,200,500,new Paint());

第三種和第四種

// 將畫布坐標系移動到畫布中央
canvas.translate(mWidth/2,mHeight/2);
// 指定圖片繪制區域(左上角的四分之一)
Rect src = new Rect(0,0,bitmap.getWidth()/2,bitmap.getHeight()/2);
// 指定圖片在屏幕上顯示的區域
Rect dst = new Rect(0,0,200,400);
// 繪制圖片
canvas.drawBitmap(bitmap,src,dst,null);

繪制文字

方法

// 第一類：只能指定文本基線位置(基線x默認在字符串左側，基線y默認在字符串下方)。
public void drawText(String text, float x, float y, Paint paint)
public void drawText(String text, int start, int end, float x, float y, Paint paint)
public void drawText(CharSequence text, int start, int end, float x, float y, Paint paint)
public void drawText(char[] text, int index, int count, float x, float y, Paint paint)

// 第二類：可以分別指定每個文字的位置。
public void drawPosText(String text, float[] pos, Paint paint)
public void drawPosText(char[] text, int index, int count, float[] pos, Paint paint)

// 第三類：指定一個路徑，根據路徑繪制文字。
public void drawTextOnPath(String text, Path path, float hOffset, float vOffset, Paint paint)
public void drawTextOnPath(char[] text, int index, int count, Path path, float hOffset, float vOffset, Paint paint)

Paint文本相關常用方法表

創建文本畫筆

Paint textPaint = new Paint();          // 創建畫筆
textPaint.setColor(Color.BLACK);        // 設置顏色
textPaint.setStyle(Paint.Style.FILL);   // 設置樣式
textPaint.setTextSize(50);              // 設置字體大小

第一類(drawText)

一

// 文本(要繪制的內容)
String str = "ABCDEFG";

// 參數分別為 (文本 基線x 基線y 畫筆)
canvas.drawText(str,200,500,textPaint);

圖中字符串下方的紅線是基線y，基線x未在圖中畫出。

二、三

// 文本(要繪制的內容)
String str = "ABCDEFG";

// 參數分別為 (字符串 開始截取位置 結束截取位置 基線x 基線y 畫筆)
canvas.drawText(str,1,3,200,500,textPaint);

四

// 字符數組(要繪制的內容)
char[] chars = "ABCDEFG".toCharArray();

// 參數為 (字符數組 起始坐標 個數 基線x 基線y 畫筆)
canvas.drawText(chars,1,3,200,500,textPaint);

第二類(drawPosText)

缺點

一

示例

String str = "SLOOP";

canvas.drawPosText(str,new float[]{
      100,100,    // 第一個字符位置
      200,200,    // 第二個字符位置
      300,300,    // ...
      400,400,
      500,500
},textPaint);

二

省略。

第三類(drawTextOnPath)

TODO：