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