Android利用Canvas類繪製圖形

2022-09-20 22:02:51

本文範例為大家分享了Android利用Canvas類繪製圖形的具體程式碼，供大家參考，具體內容如下

首先介紹一下相關基礎知識。

1.畫筆（paint）

1.1、作用：畫筆物件通過屬性來設定筆的顏色、粗細、風格等。

1.2、設定圖形繪製屬性相關方法：

setARGB（）：設定畫筆的顏色；
setAlpha（）：設定繪製圖形的透明度；
setStyle（）：設定畫筆的樣式風格；
setStrockWidth（）：設定畫筆的寬度；

1.3、設定文字繪製屬性的相關方法：

setTextSize（）：設定字型的大小；
setTextAlign（）：設定文字的對齊方向；

2.畫布（canvas）

畫布是畫筆繪圖的基礎，並提供了常用的繪圖方法。
常見的繪製方法：

drawColor（）：設定畫布的背景色；
drawLine（）：繪製直線，通過設定起始點實現；
drawLines（）：繪製收尾連線的多條直線，使用陣列引數；
drawPoint（）：繪製點；多個點使用drawPoints()；
drawRect（）：繪製矩形，通過指定左上及右下點實現；
drawRoundRect（）：繪製圓角矩形；
drawCircle（）：繪製圓，使用圓心座標，半徑實現；
drawOval（）：繪製橢圓，使用其外切矩形實現；
drawPath（）：繪製任意多邊形，通過指定路徑實現；
drawArc（）：繪製圓弧，通過指定所在橢圓，起止弧度實現；
drawText（）：繪製文字，指定文字內容、起始座標實現；
drawBitmap（）：繪製影象，通過指定影象資源，位置實現；
save（）、restore（）：可儲存、恢復畫布狀態；
clipRect（）：裁剪畫布，通過指定一個矩形區域來確定範圍；
rotate（）：旋轉畫布，通過指定旋轉角度，旋轉中心實現；

3.Path繪圖

在View上將N個點練成一條“路徑。”

3.1、使用Path類物件，建立一條路徑

path物件的常用方法：”

moveTo(x,y)：移動繪圖筆到指定座標x，y；
lineTo(x,y)：從上一座標畫線到指定座標x，y；

3.2、使用Canvas類的drawPath()方法來繪製路徑

drawPath(Path path，Paint paint)：使用Path物件定義的路徑進行繪製；

3.3、可選用不同的繪製效果

繪製效果使用PathEffect類的各種子類來定義；
使用Paint物件的setPathEffects(PathEffect eff)來將繪製效果定義到畫筆中。

4.繪製圖形範例步驟

1.需要自定義一個繼承自View類的子類。
2.在自定義View類中，重寫其onDraw方法。
在onDraw方法中，使用canvas進行繪圖。
3.在MainActivity中，建立自定義View物件並載入。
1）.可直接載入自定義View物件為主介面。
2）.可在主介面XML檔案中的佈局管理器中，載入自定義View物件。

5.繪製圖形範例

1.開啟Android Studio，新建工程後，自定義類DrawPaint繼承自View，重寫View中的onDraw(Canvas canvas)方法。

package lession.example.com.learncanvas;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.view.View;

public class DrawPaint extends View {
    Paint pt;
    public DrawPaint(Context context) {
        super(context);
        pt = new Paint();//建立畫筆
    }
    
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        pt.setARGB(255,255,0,0);
        pt.setStrokeWidth(3);
        pt.setStyle(Paint.Style.FILL);
        pt.setTextSize(60);
        //畫圓
        canvas.drawText("圓：",80,120,pt);
        canvas.drawCircle(200,100,30,pt);
        //畫矩形
        canvas.drawText("矩形：",80,220,pt);
        canvas.drawRect(250,180,400,250,pt);
        //正方形
        canvas.drawText("正方形：",80,320,pt);
        canvas.drawRect(290,290,370,370,pt);
        //圓角矩形
        canvas.drawText("圓角矩形：",80,440,pt);
        RectF rectF = new RectF(350,400,550,500);
        canvas.drawRoundRect(rectF,20,30,pt);
        //橢圓形
        canvas.drawText("橢圓形：",80,600,pt);
        RectF oval = new RectF(350,550,650,700);
        canvas.drawOval(oval,pt);
        //三角形
        canvas.drawText("三角形：",80,750,pt);
        Path path = new Path();
        path.moveTo(300,700);
        path.lineTo(300,800);
        path.lineTo(400,800);
        path.close();
        canvas.drawPath(path,pt);
        //五邊形
        canvas.drawText("五邊形：",80,900,pt);
        Path path1 = new Path();
        path1.moveTo(300,900);
        path1.lineTo(400,900);
        path1.lineTo(450,1000);
        path1.lineTo(400,1100);
        path1.lineTo(300,1100);
        path1.lineTo(300,1000);
        path1.close();
        canvas.drawPath(path1,pt);
    }
}

2.在MainActivity.java中。

package lession.example.com.learncanvas;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.FrameLayout;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //setContentView(R.layout.activity_main);
        DrawPaint MyPaint = new DrawPaint(MainActivity.this);
        setContentView(MyPaint);
    }
}

執行結果：

這就是利用Canvas類繪製圖形。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援it145.com。