標籤:canvas android 效能
自訂view
採用canvas雙緩衝的方式,可以減少繪製的時間,提升效能。
StaggeredView.java
原始碼如下:
package com.xxx.demo;import android.content.Context;import android.graphics.Bitmap;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.view.View;import android.view.WindowManager;public class StaggeredView extends View { int width; int height; Paint p; Bitmap bitmap = null; Canvas x = null; public StaggeredView(Context context) { super(context); WindowManager wm = (WindowManager) getContext().getSystemService( Context.WINDOW_SERVICE); width = wm.getDefaultDisplay().getWidth(); height = wm.getDefaultDisplay().getHeight(); p = new Paint(); } private void initMyCanvas() { p.setColor(Color.WHITE);// 設定綠色 bitmap = Bitmap.createBitmap(20, 20, Bitmap.Config.ARGB_8888); // Create canvas. x = new Canvas(); x.setBitmap(bitmap); p.setStyle(Paint.Style.STROKE); p.setAntiAlias(true); for (int i = 0; i <=20; i++) { changeColor(i, p); x.drawLine(i, 0, i, 20, p);// 畫線 } } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawColor(Color.WHITE); // 建立畫筆 long startTime=System.currentTimeMillis(); initMyCanvas(); int bitWidth = bitmap.getWidth(); int bitHeight = bitmap.getHeight(); for (int i = 0; i < height; i += bitHeight) { for (int j = 0; j < width; j += bitWidth) {// changeColor(i,j,p);// canvas.drawPoint(i, j, p); canvas.drawBitmap(bitmap, j, i, p); } } System.out.println("時間==="+(System.currentTimeMillis()-startTime)); } /** * 改變畫筆的顏色 * * @param i * @param p */ private void changeColor(int i, Paint p) { switch (i % 2) { case 0: p.setColor(Color.WHITE); break; case 1: p.setColor(Color.BLACK); break; } }}
首先先畫出一個小的矩形地區,建立一個canvas畫在BitMap上,之後使用系統的canavas複用前面的BitMap,可以提高處理的效率。
MainActivity.java
public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(new StaggeredView(this)); }}
列印的結果如下:
I/System.out: 時間===91
方法二:
StaggeredView2.java
採用預設的方式,就是一個迴圈,畫width個豎線。效率還是很低下的。。
public class StaggeredView2 extends View { int width; int height; Paint p; Bitmap bitmap = null; Canvas x = null; public StaggeredView2(Context context) { super(context); WindowManager wm = (WindowManager) getContext().getSystemService( Context.WINDOW_SERVICE); width = wm.getDefaultDisplay().getWidth(); height = wm.getDefaultDisplay().getHeight(); p = new Paint(); initMyCanvas(); } private void initMyCanvas() { p.setColor(Color.WHITE);// 設定綠色 bitmap = Bitmap.createBitmap(20, 20, Bitmap.Config.ARGB_8888); // Create canvas. x = new Canvas(); x.setBitmap(bitmap); p.setStyle(Paint.Style.STROKE); p.setAntiAlias(true); for (int i = 0; i <= 30; i++) { changeColor(i, p); x.drawLine(i, 0, i, 30, p);// 畫線 } } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); canvas.drawColor(Color.WHITE); // 建立畫筆 long startTime=System.currentTimeMillis(); for (int i = 0; i < width; i++) { changeColor(i, p); canvas.drawLine(i,0, i, height - 1, p); } System.out.println("時間==="+(System.currentTimeMillis()-startTime)); } /** * 改變畫筆的顏色 * * @param i * @param p */ private void changeColor(int i, Paint p) { switch (i % 2) { case 0: p.setColor(Color.WHITE); break; case 1: p.setColor(Color.BLACK); break; } }}
結果為:
I/System.out: 時間===277
相對前面的方式而言,效率是很低下的。。。