Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android 繪圖機制:canvas初解

Android 繪圖機制:canvas初解

編輯:關於Android編程

 

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倍了

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved