自定义View-Canvas

2024-09-05 16:18
文章标签 自定义 canvas view

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

转载自:https://www.jianshu.com/p/f69873371763

Android Canvas 方法总结

简介
在自定义 View的时候,我们经常需要绘制一些自己想要的效果。
这里就需要使用Canvas对象。
下面将Canvas对象常用方法做个笔记,方便记忆。

对Canvas进行操作
对Canvas的一系列操作,是指对Canvas进行旋转、平移、缩放等操作。
这些操作可以让Canvas对象使用起来更加便捷。

Canvas平移

/** * 画布向(100,50)方向平移 *  * 参数1: 向X轴方向移动100距离 * 参数2: 向Y轴方向移动50距离   */canvas.translate(100, 50);

Canvas缩放

/** * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍 * 参数1: X轴的放大倍数 * 参数2: Y轴的放大倍数 */
canvas.scale(2, 4);/** * 在X轴方向放大为原来2倍,Y轴方向方大为原来的4倍 * 参数1: X轴的放大倍数 * 参数2: Y轴的放大倍数 * 参数3: 原点X坐标* 参数4: 原点Y坐标*/
canvas.scale(2, 4,100,100);

这里写图片描述

Canvas旋转

/** * 原点为中心,旋转30度(顺时针方向为正方向 )* 参数: 旋转角度 */
canvas.rotate(30);/** * 以(100,100)为中心,旋转30度,顺时针方向为正方向 * 参数: 旋转角度 */
canvas.rotate(30,100,100);

这里写图片描述

Canvas操作例子

Paint p = new Paint();p.setColor(Color.argb(50,255,100,100));canvas.drawRect(0,0,200,200,p); // 以原始Canvas画出一个矩形1canvas.translate(300,300); // 将Canvas平移  (100,100)p.setColor(Color.argb(50,100,255,100));canvas.drawRect(0,0,200,200,p); //  矩形2canvas.rotate(30); //将Canvas旋转30p.setColor(Color.argb(50,100,0,255));canvas.drawRect(0,0,200,200,p); // 矩形3canvas.scale(2, 2); // 将Canvas以原点为中心,放大两倍p.setColor(Color.argb(50,255,255,0));canvas.drawRect(0,0,200,200,p); // 矩形4

这里写图片描述

Canvas保存和还原
Canvas提供了几个方法,让我们可以方便的对Canvas的状态进行更改和还原。
这些方法是:save()、restore()、restoreToCount(int saveCount)。

我们在对Canvas进行平移、旋转、放大等操作时候,可以调用save()方法,将当前修改过的Canvas状态进行保存,调用restore() 方法后,会将Canvas还原成最近的一个save() 的状态。

save()方法还会有一个返回值,我们也可以调用restoreToCount(int saveCount)方法,将这个返回值作为参数传递进去,就可以将Canvas还原成某一个特定的save()状态。

canvas.translate(100,100); // 平移(100,100)int save1 = canvas.save(); // 保存Canvas状态(状态1)canvas.scale(2, 2); // 放大2倍int save2 = canvas.save(); // 保存Canvas状态(状态2)canvas.restore(); // 返回最新的save状态,即状态2canvas.restoreToCount(save1);// 手动指定的返回到 状态1

画文字

/** * 参数2:文本的x轴的开始位置 * 参数2:文本Y轴的结束位置 * 参数3:画笔对象 */  
canvas.drawText("开始写字了!",50, 50, p);// 画文本  /** * 参数2:要从第几个字开始绘制 * 参数3:要绘制到第几个文字 * 参数4:文本的x轴的开始位置 * 参数5:文本Y轴的结束位置 * 参数6:画笔对象 */  
canvas.drawText("开始写字了!",2,5, 50, 50, p);// 画文本,结果为:“写字了”  
/** * 参数2:路径 * 参数3:距离路径开始位置的偏移量 * 参数4:距离路径上下的偏移量(可以为负数) * 参数5:画笔对象 */  
canvas.drawTextOnPath("1234567890101123123", path, 0, -50, p);

画圆

/*** 参数1:圆心X * 参数2:圆心Y * 参数3:半径R * 参数4:画笔对象 */           
canvas.drawCircle(200, 200, 100, p);  

画线

/* * 参数1:startX * 参数2:startY * 参数3:stopX * 参数4:stopY * 参数5:画笔对象 */   
canvas.drawLine(100, 100, 300, 300, p);// 画线  
/* * 同时绘制多条线。 * 参数1:float数组:每四个一组为一条线。最后不足四个,就忽略那些值。 * 参数2:画笔对象 */  
canvas.drawLines(new float[]{100,100,200,200,200,100,300,100}, p);

画椭圆

/* *  参数1:float left *  参数2:float top *  参数3:float right *  参数4:float bottom */  
RectF oval = new RectF(150, 200, 500, 400);// 画一个椭圆  
canvas.drawOval(oval, p);

画弧度

/***  画圆弧*  参数1:RectF对象。 *  参数2:开始的角度。(水平向右为0度顺时针反向为正方向) *  参数3:扫过的角度 *  参数4:是否和中心连线 *  参数5:画笔对象 */  
canvas.drawArc(oval, 20, 180, false, p);

矩形

/** *  矩形 *  参数1:float left *  参数2:float top *  参数3:float right *  参数4:float bottom */  
canvas.drawRect(100,100, 200, 200, p);  //画圆角矩形    
RectF oval3 = new RectF(80, 260, 200, 300);// 设置个新的长方形    
canvas.drawRoundRect(oval3, 20, 5, p);//第二个参数是x半径,第三个参数是y半径

多边形

/**  * Path类封装复合(多轮廓几何图形的路径  * 由直线段*、二次曲线,和三次方曲线,也可画以油画。drawPath(路径、油漆),要么已填充的或抚摸  * (基于油漆的风格),或者可以用于剪断或画画的文本在路径。  */   
Path path = new Path();  // 路径对象  
path.moveTo(80, 200);// 此点为多边形的起点    
path.lineTo(120, 250);    
path.lineTo(80, 250);    
//....  可以添加多个点。构成多边形  
path.close(); // 使终点和起点链接,构成封闭图形   
canvas.drawPath(path, p);

画贝塞尔曲线

p.setStyle(Style.STROKE);  
Path path2=new Path();    
path2.moveTo(100, 100);//设置Path的起点   
/** * 参数1、2:x1,y1为控制点的坐标值 * 参数3、4:x2,y2为终点的坐标值 */  
path2.quadTo(300, 100, 400, 400); //设置贝塞尔曲线的控制点坐标和终点坐标    
path2.quadTo(500, 700, 800, 800);  
canvas.drawPath(path2, p);//画出贝塞尔曲线

画点

/** * 参数1、2:点的x、y坐标 */  
canvas.drawPoint(60, 390, p);//画一个点    
/** * 参数1:多个点,每两个值为一个点。最后个数不够两个的值,忽略。 */  
canvas.drawPoints(new float[]{60,400,65,400,70,400}, p);//画多个点

画图片

Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);   
/** * 参数1:bitmap对象 * 参数2:图像左边坐标点 * 参数3:图像上边坐标点 */  
canvas.drawBitmap(bitmap, 200,300, p);

这篇关于自定义View-Canvas的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



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

相关文章

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

自定义类型:结构体(续)

目录 一. 结构体的内存对齐 1.1 为什么存在内存对齐? 1.2 修改默认对齐数 二. 结构体传参 三. 结构体实现位段 一. 结构体的内存对齐 在前面的文章里我们已经讲过一部分的内存对齐的知识,并举出了两个例子,我们再举出两个例子继续说明: struct S3{double a;int b;char c;};int mian(){printf("%zd\n",s

Spring 源码解读:自定义实现Bean定义的注册与解析

引言 在Spring框架中,Bean的注册与解析是整个依赖注入流程的核心步骤。通过Bean定义,Spring容器知道如何创建、配置和管理每个Bean实例。本篇文章将通过实现一个简化版的Bean定义注册与解析机制,帮助你理解Spring框架背后的设计逻辑。我们还将对比Spring中的BeanDefinition和BeanDefinitionRegistry,以全面掌握Bean注册和解析的核心原理。

Oracle type (自定义类型的使用)

oracle - type   type定义: oracle中自定义数据类型 oracle中有基本的数据类型,如number,varchar2,date,numeric,float....但有时候我们需要特殊的格式, 如将name定义为(firstname,lastname)的形式,我们想把这个作为一个表的一列看待,这时候就要我们自己定义一个数据类型 格式 :create or repla

MVC(Model-View-Controller)和MVVM(Model-View-ViewModel)

1、MVC MVC(Model-View-Controller) 是一种常用的架构模式,用于分离应用程序的逻辑、数据和展示。它通过三个核心组件(模型、视图和控制器)将应用程序的业务逻辑与用户界面隔离,促进代码的可维护性、可扩展性和模块化。在 MVC 模式中,各组件可以与多种设计模式结合使用,以增强灵活性和可维护性。以下是 MVC 各组件与常见设计模式的关系和作用: 1. Model(模型)

HTML5自定义属性对象Dataset

原文转自HTML5自定义属性对象Dataset简介 一、html5 自定义属性介绍 之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍,就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性,来进行一些数据的存放,例如我们要在一个文字按钮上存放相对应的id: <a href="javascript:" d

一步一步将PlantUML类图导出为自定义格式的XMI文件

一步一步将PlantUML类图导出为自定义格式的XMI文件 说明: 首次发表日期:2024-09-08PlantUML官网: https://plantuml.com/zh/PlantUML命令行文档: https://plantuml.com/zh/command-line#6a26f548831e6a8cPlantUML XMI文档: https://plantuml.com/zh/xmi

argodb自定义函数读取hdfs文件的注意点,避免FileSystem已关闭异常

一、问题描述 一位同学反馈,他写的argo存过中调用了一个自定义函数,函数会加载hdfs上的一个文件,但有些节点会报FileSystem closed异常,同时有时任务会成功,有时会失败。 二、问题分析 argodb的计算引擎是基于spark的定制化引擎,对于自定义函数的调用跟hive on spark的是一致的。udf要通过反射生成实例,然后迭代调用evaluate。通过代码分析,udf在

鸿蒙开发中实现自定义弹窗 (CustomDialog)

效果图 #思路 创建带有 @CustomDialog 修饰的组件 ,并且在组件内部定义controller: CustomDialogController 实例化CustomDialogController,加载组件,open()-> 打开对话框 , close() -> 关闭对话框 #定义弹窗 (CustomDialog)是什么? CustomDialog是自定义弹窗,可用于广告、中

MFC中App,Doc,MainFrame,View各指针的互相获取

纸上得来终觉浅,为了熟悉获取方法,我建了个SDI。 首先说明这四个类的执行顺序是App->Doc->Main->View 另外添加CDialog类获得各个指针的方法。 多文档的获取有点小区别,有时间也总结一下。 //  App void CSDIApp::OnApp() {      //  App      //  Doc     CDocument *pD