Android利用Canvas类绘制图形

本文实例为大家分享了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类绘制图形。

推荐阅读