程序员之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android?Canvas类绘制图形

Android利用Canvas类绘制图形

 更新时间：2022年09月20日 16:44:58   作者：明昕1024  
这篇文章主要为大家详细介绍了Android利用Canvas类绘制图形，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）

（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持程序员之家。

您可能感兴趣的文章:

相关文章

最新评论

?


http://www.vxiaotou.com