Android利用Canvas類繪制圖形

更新時間：2022年09月20日 16:44:58 作者：明昕1024

這篇文章主要為大家詳細介紹了Android利用Canvas類繪制圖形，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

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

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

1.畫筆（paint）

1.1、作用：畫筆對象通過屬性來設置筆的顏色、粗細、風格等。

1.2、設置圖形繪制屬性相關方法：

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

1.3、設置文本繪制屬性的相關方法：

setTextSize（）：設置字體的大??；
setTextAlign（）：設置文字的對齊方向；

2.畫布（canvas）

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

drawColor（）：設置畫布的背景色；
drawLine（）：繪制直線，通過設定起始點實現(xiàn)；
drawLines（）：繪制收尾連接的多條直線，使用數(shù)組參數(shù)；
drawPoint（）：繪制點；多個點使用drawPoints()；
drawRect（）：繪制矩形，通過指定左上及右下點實現(xiàn)；
drawRoundRect（）：繪制圓角矩形；
drawCircle（）：繪制圓，使用圓心坐標，半徑實現(xiàn)；
drawOval（）：繪制橢圓，使用其外切矩形實現(xiàn)；
drawPath（）：繪制任意多邊形，通過指定路徑實現(xiàn)；
drawArc（）：繪制圓弧，通過指定所在橢圓，起止弧度實現(xiàn)；
drawText（）：繪制文本，指定文本內容、起始坐標實現(xiàn)；
drawBitmap（）：繪制圖像，通過指定圖像資源，位置實現(xiàn)；
save（）、restore（）：可保存、恢復畫布狀態(tài)；
clipRect（）：裁剪畫布，通過指定一個矩形區(qū)域來確定范圍；
rotate（）：旋轉畫布，通過指定旋轉角度，旋轉中心實現(xiàn)；

3.Path繪圖

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

3.1、使用Path類對象，創(chuàng)建一條路徑

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中，創(chuàng)建自定義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();//創(chuàng)建畫筆
? ? }
? ??
? ? @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);
? ? }
}

運行結果：