Android 遊戲開發之Canvas畫布的介紹及方法

來源:互聯網
上載者:User

Canvas,在英語中,這個單詞的意思是帆布。在Android中,則把Canvas當做畫布,只要我們藉助設定好的畫筆(Paint類)就可以在畫布上繪製我們想要的任何東西;另外它也是顯示位元影像(Bitmap類)的核心類。隨使用者的喜好,Canvas還可設定一些關於畫布的屬性,比如,畫布的顏色、尺寸等。Canvas提供了如下一些方法:
    Canvas(): 建立一個空的畫布,可以使用setBitmap()方法來設定繪製具體的畫布。
    Canvas(Bitmap bitmap): 以bitmap對象建立一個畫布,則將內容都繪製在bitmap上,因此bitmap不得為null。
    Canvas(GL gl): 在繪製3D效果時使用,與OpenGL相關。
    drawColor: 設定Canvas的背景顏色。
    setBitmap:  設定具體畫布。
    clipRect: 設定顯示地區,即設定裁剪區。
    isOpaque:檢測是否支援透明。
    rotate:  旋轉畫布
    translate:移動畫布

    scale:縮放畫布
    setViewport:  設定畫布中顯示視窗。
    skew:  設定位移量。

    restore: 用來恢複上一次save之前的狀態

    save:用來儲存Canvas的目前狀態

    注意: save方法、restore方法一般是成對出現的,save方法可多於restore方法,但restore方法不能多於save方法

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

得到canvas畫布對象

複製代碼 代碼如下:Canvas canvas = getHolder().lockCanvas();

畫布的一些屬性和方法以及一些應用複製代碼 代碼如下:if (canvas != null) {
    //----設定畫布繪圖無鋸齒
    canvas.setDrawFilter(pfd);
    //----利用填充畫布,刷屏
    canvas.drawColor(Color.BLACK);
    //----繪製文本
    canvas.drawText("drawText", 10, 10, paint);
    //----繪製像素點
    canvas.drawPoint(10, 20, paint);
    //----繪製多個像素點
    canvas.drawPoints(new float[] { 10, 30, 30, 30 }, paint);
    //----繪製直線
    canvas.drawLine(10, 40, 50, 40, paint);
    //----繪製多條直線
    canvas.drawLines(new float[] { 10, 50, 50, 50, 70, 50, 110, 50 }, paint);
    //----繪製矩形
    canvas.drawRect(10, 60, 40, 100, paint);
    //----繪製矩形2
    Rect rect = new Rect(10, 110, 60, 130);
    canvas.drawRect(rect, paint);
    canvas.drawRect(rect, paint);
    //----繪製圓角矩形
    RectF rectF = new RectF(10, 140, 60, 170);
    canvas.drawRoundRect(rectF, 20, 20, paint);
    //----繪製圓形
    canvas.drawCircle(20, 200, 20, paint);
    //----繪製弧形
    canvas.drawArc(new RectF(150, 20, 200, 70), 0, 230, true, paint);
    //----繪製橢圓
    canvas.drawOval(new RectF(150, 80, 180, 100), paint);
    //----繪製指定路徑圖形
    Path path = new Path();
    //設定路徑起點
    path.moveTo(160, 150);
    //路線1
    path.lineTo(200, 150);
    //路線2
    path.lineTo(180, 200);
    //路徑結束
    path.close();
    canvas.drawPath(path, paint);
    //----繪製指定路徑圖形
    Path pathCircle = new Path();
    //添加一個圓形的路徑
    pathCircle.addCircle(130, 260, 20, Path.Direction.CCW);
    //----繪製帶圓形的路徑文本
    canvas.drawTextOnPath("PathText", pathCircle, 10, 20, paint);
}
 

註:以上代碼參考自《Android遊戲編程之從零開始》

得到自訂圖片寬高的bitmap(參數一:內容物件,參數二:資源ID,參數三:自訂寬度,參數四:自訂高度)

複製代碼 代碼如下:public static Bitmap loadBallView(Context context,int resId,int width,int height) {

    Resources resources = context.getResources();

    Drawable image = resources.getDrawable(resId);

    Bitmap bitmap = Bitmap.createBitmap(width,height, Bitmap.Config.ARGB_8888);

         Canvas canvas = new Canvas(bitmap);
         image.setBounds(0, 0, width,height);
         image.draw(canvas);

         return bitmap;
    }

利用canvas繪製bitmap複製代碼 代碼如下:Bitmap bitmap = loadBallView(context,R.drawable.image,100,100);

Paint paint = new Paint();

canvas.drawBitmap(bitmap, startX, startY, paint); //參數一:bitmap資源,參數二:起始X座標,參數三:起始Y座標,參數四:畫筆paint對象

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.