Android利用Canvas類繪制圖形

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

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

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

首先介紹一下相關(guān)基礎(chǔ)知識(shí)。

1.畫筆（paint）

1.1、作用：畫筆對(duì)象通過屬性來設(shè)置筆的顏色、粗細(xì)、風(fēng)格等。

1.2、設(shè)置圖形繪制屬性相關(guān)方法：

setARGB（）：設(shè)置畫筆的顏色；
setAlpha（）：設(shè)置繪制圖形的透明度；
setStyle（）：設(shè)置畫筆的樣式風(fēng)格；
setStrockWidth（）：設(shè)置畫筆的寬度；

1.3、設(shè)置文本繪制屬性的相關(guān)方法：

setTextSize（）：設(shè)置字體的大?。?br />setTextAlign（）：設(shè)置文字的對(duì)齊方向；

2.畫布（canvas）

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

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

3.Path繪圖

在View上將N個(gè)點(diǎn)練成一條“路徑。”

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

path對(duì)象的常用方法：”

moveTo(x,y)：移動(dòng)繪圖筆到指定坐標(biāo)x，y；
lineTo(x,y)：從上一坐標(biāo)畫線到指定坐標(biāo)x，y；

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

drawPath(Path path，Paint paint)：使用Path對(duì)象定義的路徑進(jìn)行繪制；

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

繪制效果使用PathEffect類的各種子類來定義；
使用Paint對(duì)象的setPathEffects(PathEffect eff)來將繪制效果定義到畫筆中。

4.繪制圖形實(shí)例步驟

1.需要自定義一個(gè)繼承自View類的子類。
2.在自定義View類中，重寫其onDraw方法。
在onDraw方法中，使用canvas進(jìn)行繪圖。
3.在MainActivity中，創(chuàng)建自定義View對(duì)象并加載。
1）.可直接加載自定義View對(duì)象為主界面。
2）.可在主界面XML文件中的布局管理器中，加載自定義View對(duì)象。

5.繪制圖形實(shí)例

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);
? ? }
}

運(yùn)行結(jié)果：