android canvas簡介

轉自:http://www.2cto.com/kf/201109/103992.html

當我們調整好畫筆之後,現在需要繪製到畫布上,這就得用Canvas類了。在Android中既然把Canvas當做畫布,那麼就可以在畫布上繪製我們想要的任何東西。除了在畫布上繪製之外,還需要設置一些關於畫布的屬性,比如,畫布的顏色、尺寸等。下面來分析Android中Canvas有哪些功能,Canvas提供瞭如下一些方法:

       Canvas(): 創建一個空的畫布,可以使用setBitmap()方法來設置繪製具體的畫布。
       Canvas(Bitmap bitmap): 以bitmap對象創建一個畫布,則將內容都繪製在bitmap上,因此bitmap不得爲null。
       Canvas(GL gl): 在繪製3D效果時使用,與OpenGL相關。
       drawColor: 設置Canvas的背景顏色。
       setBitmap:  設置具體畫布。
       clipRect: 設置顯示區域,即設置裁剪區。
       isOpaque:檢測是否支持透明。
       rotate:  旋轉畫布
       setViewport:  設置畫布中顯示窗口。
       skew:  設置偏移量。

       上面列舉了幾個常用的方法。在遊戲開發中,我們可能需要對某個精靈執行旋轉、縮放和一些其它操作。我們可以通過旋轉畫布來實現,但是旋轉畫布時會旋轉畫布上的所有對象,而我們只是需要旋轉其中的一個,這時就需要用到save 方法來鎖定需要操作的對象,在操作之後通過 restore 方法來解除鎖定,下面我們先來看一下運行效果吧。

我們對左邊的矩形執行了旋轉操作,而沒有旋轉右邊的矩形,由於我們設置了裁剪區域,因此左邊的矩形只能看到一部分,下面讓我們來看看代碼 這裏我只貼出了我們自己的 View類 GameView Activity類不貼出了 就在裏邊 new 一個GameView類 然後設置佈局 然後main.xml也不貼出來了 因爲它根本就沒用到。

Java代碼 
import android.content.Context;  
import android.graphics.Canvas;  
import android.graphics.Color;  
import android.graphics.Paint;  
import android.graphics.Rect;  
import android.view.KeyEvent;  
import android.view.MotionEvent;  
import android.view.View;  
 
public class GameView extends View implements Runnable {  
/* 聲明Paint對象 */  
private Paint mPaint = null;  
 
public GameView(Context context) {  
super(context);  
/* 構建對象 */  
mPaint = new Paint();  
 
/* 開啓線程 */  
new Thread(this).start();  
}  
 
public void onDraw(Canvas canvas) {  
super.onDraw(canvas);  
 
/* 設置畫布的顏色 */  
canvas.drawColor(Color.BLACK);  
 
/* 設置取消鋸齒效果 */  
mPaint.setAntiAlias(true);  
 
/* 設置裁剪區域 */  
canvas.clipRect(10, 10, 280, 260);  
 
/* 線鎖定畫布 */  
canvas.save();  
/* 旋轉畫布 */  
canvas.rotate(45.0f);  
 
/* 設置顏色及繪製矩形 */  
mPaint.setColor(Color.RED);  
canvas.drawRect(new Rect(15, 15, 140, 70), mPaint);  
 
/* 解除畫布的鎖定 */  
canvas.restore();  
 
/* 設置顏色及繪製另一個矩形 */  
mPaint.setColor(Color.GREEN);  
canvas.drawRect(new Rect(150, 75, 260, 120), mPaint);  
}  
 
// 觸筆事件  
public boolean onTouchEvent(MotionEvent event) {  
return true;  
}  
 
// 按鍵按下事件  
public boolean onKeyDown(int keyCode, KeyEvent event) {  
return true;  
}  
 
// 按鍵彈起事件  
public boolean onKeyUp(int keyCode, KeyEvent event) {  
return false;  
}  
 
public boolean onKeyMultiple(int keyCode, int repeatCount, KeyEvent event) {  
return true;  
}  
 
public void run() {  
while (!Thread.currentThread().isInterrupted()) {  
try {  
Thread.sleep(100);  
} catch (InterruptedException e) {  
Thread.currentThread().interrupt();  
}  
// 使用postInvalidate可以直接在線程中更新界面  
postInvalidate();  
}  
}  


轉自:http://fokman.iteye.com/blog/1476246

Canvas 又稱爲畫布,在遊戲開發過程中是一個經常使用的類。下面舉一個實例在完成畫布的基本功能

代碼如下:

Java代碼  收藏代碼
  1. public class MySurfaceView extends SurfaceView implements Callback, Runnable {  
  2.     //用於控制SurfaceView  
  3.     private SurfaceHolder sfh;  
  4.     //聲明一個畫筆  
  5.     private Paint paint;  
  6.     //聲明一條線程  
  7.     private Thread th;  
  8.     //線程消亡的標識位  
  9.     private boolean flag;  
  10.     //聲明一個畫布  
  11.     private Canvas canvas;  
  12.     //聲明屏幕的寬高  
  13.     private int screenW, screenH;  
  14.     //設置畫布繪圖無鋸齒  
  15.     private PaintFlagsDrawFilter pfd = new PaintFlagsDrawFilter(0, Paint.ANTI_ALIAS_FLAG | Paint.FILTER_BITMAP_FLAG);  
  16.     /** 
  17.      * SurfaceView初始化函數 
  18.      */  
  19.     public MySurfaceView(Context context) {  
  20.         super(context);  
  21.         //實例SurfaceHolder  
  22.         sfh = this.getHolder();  
  23.         //爲SurfaceView添加狀態監聽  
  24.         sfh.addCallback(this);  
  25.         //實例一個畫筆  
  26.         paint = new Paint();  
  27.         //設置畫筆顏色爲白色  
  28.         paint.setColor(Color.WHITE);  
  29.         //設置焦點  
  30.         setFocusable(true);  
  31.     }  
  32.   
  33.     /** 
  34.      * SurfaceView視圖創建,響應此函數 
  35.      */  
  36.     @Override  
  37.     public void surfaceCreated(SurfaceHolder holder) {  
  38.         screenW = this.getWidth();  
  39.         screenH = this.getHeight();  
  40.         flag = true;  
  41.         //實例線程  
  42.         th = new Thread(this);  
  43.         //啓動線程  
  44.         th.start();  
  45.     }  
  46.   
  47.     /** 
  48.      * 遊戲繪圖 
  49.      */  
  50. public void myDraw() {  
  51.     try {  
  52.         canvas = sfh.lockCanvas();  
  53.         if (canvas != null) {  
  54.             //----設置畫布繪圖無鋸齒  
  55.             canvas.setDrawFilter(pfd);  
  56.             //----利用填充畫布,刷屏  
  57.             canvas.drawColor(Color.BLACK);  
  58.             //----繪製文本  
  59.             canvas.drawText("drawText"1010, paint);  
  60.             //----繪製像素點  
  61.             canvas.drawPoint(1020, paint);  
  62.             //----繪製多個像素點  
  63.             canvas.drawPoints(new float[] { 10303030 }, paint);  
  64.             //----繪製直線  
  65.             canvas.drawLine(10405040, paint);  
  66.             //----繪製多條直線  
  67.             canvas.drawLines(new float[] { 10505050705011050 }, paint);  
  68.             //----繪製矩形  
  69.             canvas.drawRect(106040100, paint);  
  70.             //----繪製矩形2  
  71.             Rect rect = new Rect(1011060130);  
  72.             canvas.drawRect(rect, paint);  
  73.             canvas.drawRect(rect, paint);  
  74.             //----繪製圓角矩形  
  75.             RectF rectF = new RectF(1014060170);  
  76.             canvas.drawRoundRect(rectF, 2020, paint);  
  77.             //----繪製圓形  
  78.             canvas.drawCircle(2020020, paint);  
  79.             //----繪製弧形  
  80.             canvas.drawArc(new RectF(1502020070), 0230true, paint);  
  81.             //----繪製橢圓  
  82.             canvas.drawOval(new RectF(15080180100), paint);  
  83.             //----繪製指定路徑圖形  
  84.             Path path = new Path();  
  85.             //設置路徑起點  
  86.             path.moveTo(160150);  
  87.             //路線1  
  88.             path.lineTo(200150);  
  89.             //路線2  
  90.             path.lineTo(180200);  
  91.             //路徑結束  
  92.             path.close();  
  93.             canvas.drawPath(path, paint);  
  94.             //----繪製指定路徑圖形  
  95.             Path pathCircle = new Path();  
  96.             //添加一個圓形的路徑  
  97.             pathCircle.addCircle(13026020, Path.Direction.CCW);  
  98.             //----繪製帶圓形的路徑文本  
  99.             canvas.drawTextOnPath("PathText", pathCircle, 1020, paint);  
  100.         }  
  101.     } catch (Exception e) {  
  102.         // TODO: handle exception  
  103.     } finally {  
  104.         if (canvas != null)  
  105.             sfh.unlockCanvasAndPost(canvas);  
  106.     }  
  107. }  
  108.   
  109.     /** 
  110.      * 觸屏事件監聽 
  111.      */  
  112.     @Override  
  113.     public boolean onTouchEvent(MotionEvent event) {  
  114.         return true;  
  115.     }  
  116.   
  117.     /** 
  118.      * 按鍵事件監聽 
  119.      */  
  120.     @Override  
  121.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
  122.         return super.onKeyDown(keyCode, event);  
  123.     }  
  124.   
  125.   
  126.     @Override  
  127.     public void run() {  
  128.         while (flag) {  
  129.             long start = System.currentTimeMillis();  
  130.             myDraw();  
  131.             long end = System.currentTimeMillis();  
  132.             try {  
  133.                 if (end - start < 50) {  
  134.                     Thread.sleep(50 - (end - start));  
  135.                 }  
  136.             } catch (InterruptedException e) {  
  137.                 e.printStackTrace();  
  138.             }  
  139.         }  
  140.     }  
  141.   
  142.     /** 
  143.      * SurfaceView視圖狀態發生改變,響應此函數 
  144.      */  
  145.     @Override  
  146.     public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {  
  147.     }  
  148.   
  149.     /** 
  150.      * SurfaceView視圖消亡時,響應此函數 
  151.      */  
  152.     @Override  
  153.     public void surfaceDestroyed(SurfaceHolder holder) {  
  154.         flag = false;  
  155.     } 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章