自定义view(三):onDraw 之 Canvas

2023-12-21 00:18
文章标签 自定义 canvas view ondraw

本文主要是介绍自定义view(三):onDraw 之 Canvas,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

onDraw(Canvas canvas)中的重中之重—-Canvas
Canvas是onDraw中贯穿整个方法的类。
那么让我们来看看Canvas里都有啥方法,(达康书记说:麻蛋,源码里方法太多,这锅我不背。)我就对几个常用的方法列举下:

  • drawARGB(int a, int r, int g, int b)drawColor(int color)
    不用画笔,直接填充画板颜色

  • drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint)
    画圆弧(顺时针):
    第一个参数—固定一块矩形区域作为画圆弧的范围。以矩形中心作为圆心画弧线
    第二个参数—起始弧角度
    第三个参数—画过的角度 , 从起始角度顺时针转过的角度画弧
    第四个参数—是否画出半径区域,true画出来的是一个区域块,false画出来的是一个弧线。
    第五个参数—画笔
    例如:
    RectF rectF = new RectF(0,100,500,250); //(由于矩形没有设置成正方形,所以并非正弧形)
    canvas.drawArc(rectF,0,30,true,paint);

    由于矩形没有设置成正方形,所以并非正弧形
    RectF 类中四个参数:
    第一个参数:矩形区域左边距离view左侧的距离
    第二个参数:矩形区域上边距离view左侧的距离
    第三个参数:矩形区域右边距离view顶部的距离, 第三减去第一即是矩形宽度
    第四个参数:矩形区域下边距离view顶部的距离,第四减去第二即是矩形高度
    RectF rectF = new RectF(左,上,右,下);

  • drawCircle(float cx, float cy, float radius, Paint paint)
    画圆,至于画的是实心圆还是圆圈,跟paint的Style属性有关。
    参数一:圆心X坐标
    参数二:圆心Y坐标
    参数三:圆半径
    参数四:这还用说么??!

  • drawLine(float startX, float startY, float stopX, float stopY, Paint paint)
    画线。
    参数一:线的起始点的X坐标
    参数二:线的起始点的Y坐标
    参数三:线的结束点的X坐标
    参数四:显得结束点的Y坐标
    参数五:不说了。

  • drawOval(RectF oval, Paint paint)
    绘制一个区域的内切圆或内切椭圆(视所定义的矩形而定):

  • drawPath(Path path, Paint paint)
    绘制路径。
    参数一:
    Path

        Path path = new Path();
//        path.moveTo(0,0);path.lineTo(100,100);path.lineTo(100,300);
//       path.closed();

此类很简单,但是有几个注意点:
1.path的起始点的设置调用方法是 moveTo();如果没有调用此方法,则默认起始点为(0,0)
2.如果要连接起始点和终点,只需要调用path.closed();即可
3.连接两个点,使用path.lineTo();
参数二:画笔

  • drawPoint(float x, float y, Paint paint)
    画点。
    需要注意的是,需要设置将画笔设置下 paint.setStrokeWidth(xxx);
    当然也可以给点加点特效: paint.setStrokeCap(Paint.Cap.ROUND);//或者paint.setStrokeCap(Paint.Cap.BUTT);
    设置画笔的样式,来指定所画的点的样式,圆形还是方形

  • drawRoundRect(RectF rect, float rx, float ry, Paint paint)
    参数一:矩形区域
    参数二、三:有人说它们是x轴和y轴方向的圆角弧度,我觉的应该是弧度中心点的x、y坐标
    如图:

canvas.drawRoundRect(rectF,50,100,paint);

这里写图片描述

按照指定坐标 绘制文本。float x和 float y表示 其实点的xy坐标
- drawText(String text, float x, float y, Paint paint)

  • drawText(char[] text, int index, int count, float x, float y, Paint paint)
    canvas.drawText("零一二三四五六七八九十".toCharArray(),1,3,10,100,paint); 》》》 一二三

  • drawText(CharSequence text, int start, int end, float x, float y, Paint paint)
    canvas.drawText("零一二三四五六七八九十",1,3,10,100,paint); 》》》 一二
    含头不含尾

  • drawPicture(Picture picture, RectF dst) 和 drawBitmap(Bitmap bitmap, float left, float top, Paint paint)
    区别 : drawPicture(矢量图) 和 drawBitmap(位图)
    参照: Android自定义View高级(四)-Canvas之图片文字

在绘制图形的过程中,会需要对画布进行旋转,缩放,平移等操作,但对画布进行比如平移操作之后,会对以后画上去的内容也产生影响,有时,我们只希望这种平移或是旋转操作只是临时作用于画布上的某些内容,这个时候就可以使用save和restore方法,save和restore方法一般是配对使用.
例如:

        canvas.drawText("00000000", 0, 20, paint);canvas.translate(200, 200);//将画布从(0,0)移动一段距离到(200,200)canvas.drawText("——2223233———", 0, 20, paint);

如图下
这里写图片描述

        canvas.drawText("00000000", 0, 20, paint);canvas.save();canvas.translate(200, 200);canvas.restore();canvas.drawText("——2223233———", 0, 20, paint);}

如图下
这里写图片描述

save()在画布移动前调用和restore()方法在画布移动之后调用,这样 画布中的内容才不会跟随画布移动。

参考: Canvas的常用操作速查表

这篇关于自定义view(三):onDraw 之 Canvas的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/518037

相关文章

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》:本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定

如何自定义Nginx JSON日志格式配置

《如何自定义NginxJSON日志格式配置》Nginx作为最流行的Web服务器之一,其灵活的日志配置能力允许我们根据需求定制日志格式,本文将详细介绍如何配置Nginx以JSON格式记录访问日志,这种... 目录前言为什么选择jsON格式日志?配置步骤详解1. 安装Nginx服务2. 自定义JSON日志格式各

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

基于Spring实现自定义错误信息返回详解

《基于Spring实现自定义错误信息返回详解》这篇文章主要为大家详细介绍了如何基于Spring实现自定义错误信息返回效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录背景目标实现产出背景Spring 提供了 @RestConChina编程trollerAdvice 用来实现 HTT

SpringSecurity 认证、注销、权限控制功能(注销、记住密码、自定义登入页)

《SpringSecurity认证、注销、权限控制功能(注销、记住密码、自定义登入页)》SpringSecurity是一个强大的Java框架,用于保护应用程序的安全性,它提供了一套全面的安全解决方案... 目录简介认识Spring Security“认证”(Authentication)“授权” (Auth

基于Canvas的Html5多时区动态时钟实战代码

《基于Canvas的Html5多时区动态时钟实战代码》:本文主要介绍了如何使用Canvas在HTML5上实现一个多时区动态时钟的web展示,通过Canvas的API,可以绘制出6个不同城市的时钟,并且这些时钟可以动态转动,每个时钟上都会标注出对应的24小时制时间,详细内容请阅读本文,希望能对你有所帮助...

SpringBoot自定义注解如何解决公共字段填充问题

《SpringBoot自定义注解如何解决公共字段填充问题》本文介绍了在系统开发中,如何使用AOP切面编程实现公共字段自动填充的功能,从而简化代码,通过自定义注解和切面类,可以统一处理创建时间和修改时间... 目录1.1 问题分析1.2 实现思路1.3 代码开发1.3.1 步骤一1.3.2 步骤二1.3.3

dubbo3 filter(过滤器)如何自定义过滤器

《dubbo3filter(过滤器)如何自定义过滤器》dubbo3filter(过滤器)类似于javaweb中的filter和springmvc中的intercaptor,用于在请求发送前或到达前进... 目录dubbo3 filter(过滤器)简介dubbo 过滤器运行时机自定义 filter第一种 @A

CSS自定义浏览器滚动条样式完整代码

《CSS自定义浏览器滚动条样式完整代码》:本文主要介绍了如何使用CSS自定义浏览器滚动条的样式,包括隐藏滚动条的角落、设置滚动条的基本样式、轨道样式和滑块样式,并提供了完整的CSS代码示例,通过这些技巧,你可以为你的网站添加个性化的滚动条样式,从而提升用户体验,详细内容请阅读本文,希望能对你有所帮助...

SpringBoot 自定义消息转换器使用详解

《SpringBoot自定义消息转换器使用详解》本文详细介绍了SpringBoot消息转换器的知识,并通过案例操作演示了如何进行自定义消息转换器的定制开发和使用,感兴趣的朋友一起看看吧... 目录一、前言二、SpringBoot 内容协商介绍2.1 什么是内容协商2.2 内容协商机制深入理解2.2.1 内容