android canvas - 腾讯云开发者社区

文章/答案/技术大牛

发布

【Android UI】Canvas 画布 ⑦ ( Canvas 绘制显示区域 | Canvas 绘制矩形源码分析 )

文章目录一、Canvas 绘制显示区域二、Canvas 绘制矩形源码分析 Canvas 状态保存机制中 , 存在两个栈结构 , 分别是状态栈和图层栈 ; 其中图层栈又称为 Layer 栈...; Canvas 画布中 , 有 2 套坐标系 , 分别是 : Canvas 自身坐标系 Canvas 绘图坐标系一、Canvas 绘制显示区域 ---- Canvas 绘制时 , 并不是由 Canvas..., 是无法改变的 ; 参考【Android UI】Canvas 画布 ⑥ ( Canvas 绘图源码分析 | ViewRootImpl#draw 方法源码 | ViewRootImpl#drawSoftware...平移 , 旋转 , 缩放得来的 ; 调用 Canvas#translate , Canvas#rotate , Canvas#scale 方法 , 可以改变 Canvas 的绘图坐标系 ; Canvas...Canvas 绘图坐标系 , 两个坐标系重合部分绿色矩形框就是显示的部分 , 红色矩形框范围绘制的内容不显示在界面中 ; 二、Canvas 绘制矩形源码分析 ---- 调用 Canvas#drawRect

2.3K1 0

Android Canvas 绘制小黄人

protected void onDraw(Canvas canvas) { ......drawClothes(canvas);//衣服 } private void drawClothes(Canvas canvas) { //就是上面那一堆代码按顺序合起来啦。。。。。...().getColor(android.R.color.darker_gray)); canvas.drawOval(bodyRect.left + bodyWidth * 0.15f,...@Override protected void onDraw(Canvas canvas) { drawFeetShadow(canvas); // 脚下的阴影 drawFeet(canvas...); // 脚 drawHands(canvas); // 手 drawBody(canvas); // 身体 drawClothes(canvas

1.1K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

Android画布Canvas--区域Region

Canvas类有很多画图形的方法，除了常用的图形外，安卓还提供了Region--区域，表示Canvas图层上一块封闭的区域，可以用于将两个或多个图形做结合，还可以利用contains方法判断坐标、Rect...clip) { return nativeSetPath(mNativeRegion, path.readOnlyNI(), clip.mNativeRegion); } 而canvas...Color.RED); mPaint.setStyle(Paint.Style.FILL); } @Override protected void onDraw(Canvas...canvas) { Rect rect = new Rect(50, 50, 550, 550); Region region = new Region(rect);...RegionIterator(region); Rect rect1 = new Rect(); while (iterator.next(rect1)) { canvas.drawRect

2.2K1 0

【Android UI】Canvas 画布 ④ ( Canvas 坐标系 | Canvas 自身坐标系 | Canvas 绘图坐标系 )

文章目录一、Canvas 自身坐标系二、Canvas 绘图坐标系 Canvas 状态保存机制中 , 存在两个栈结构 , 分别是状态栈和图层栈 ; 其中图层栈又称为 Layer 栈 ; Canvas...画布中 , 有 2 套坐标系 , 分别是 : Canvas 自身坐标系 Canvas 绘图坐标系一、Canvas 自身坐标系 ---- Canvas 自身坐标系 , 指的是自定义组件 View 或...绘图坐标系 ---- Canvas 绘图坐标系的坐标原点位置 , 可以认为是 Paint 画笔开始绘画的位置 ; Canvas 绘图坐标系不是一成不变的 , 该坐标系与 Matrix 矩阵...; Canvas 的状态栈 , 通过如下函数 , 进行保存和还原 Matrix 矩阵 ; 通过 Canvas#save() 函数 , 保存 Matrix 矩阵的变换操作 ; 通过 Canvas#restore...的图层栈 , 通过调用 Canvas#saveLayer() 函数 , 创建新的透明图层 , 后续的绘图操作都在该新图层中执行 , 调用 Canvas#restore() 或 Canvas#restoreToCount

2K2 0

【Android UI】Canvas 画布 ③ ( Canvas 图层栈 | Canvas#saveLayer() 新建图层 | Canvas 状态栈保存信息标志位 )

文章目录一、Canvas#saveLayer() 新建图层二、Canvas 状态栈保存信息标志位 Canvas 状态保存机制中 , 存在两个栈结构 , 分别是状态栈和图层栈 ; 其中图层栈...又称为 Layer 栈 ; 一、Canvas#saveLayer() 新建图层 ---- Canvas 画布类 , 提供了 Canvas#saveLayer()函数 , 用于创建新的图层 ; 在自定义组件的...避免 * 在可能的情况下使用此方法，而不是使用 * {@link android.view.view在视图上查看#LAYER_TYPE_HARDWARE HARDWARE LAYER...restore（）时应用于屏幕外 * @return 要传递给restoreToccount（）以平衡此save（）的值 */ public int saveLayer(@android.annotation.Nullable...RectF bounds, @android.annotation.Nullable Paint paint) { return saveLayer(bounds, paint, ALL_SAVE_FLAG

1.2K2 0

【Android UI】Canvas 画布 ⑤ ( Canvas 坐标系 | Canvas 绘图坐标系变换示例 )

文章目录一、Canvas 绘图坐标系变换示例 Canvas 状态保存机制中 , 存在两个栈结构 , 分别是状态栈和图层栈 ; 其中图层栈又称为 Layer 栈 ; Canvas 画布中 ,...有 2 套坐标系 , 分别是 : Canvas 自身坐标系 Canvas 绘图坐标系一、Canvas 绘图坐标系变换示例 ---- Canvas 绘图坐标系原始位置如下 , 下面的矩形就是组件本身...; 调用 Canvas#translate() 方法 , 平移后的画布如下 , 蓝色轮廓是平移后的 Canvas 画布 ; 下面的黑色区域 ( 原本的 Canvas 范围 ) 蓝色区域 ( 平移后的...Canvas 范围 ) 都在第一图层中 ; 在上面的基础上 , 调用 Canvas#save 方法 , 保存当前的 Matrix 矩阵信息到状态栈中 ; Layer 栈中只有第一图层...元素 ; 状态栈中有量两个元素 , 就是 Canvas 原始的坐标系信息和当前平移一次后的坐标信息 ; 再次调用 Canvas#translate 方法 , 再次将 Canvas 画布进行平移 ,

1.8K1 0

【Android UI】Canvas 画布 ⑨ ( Canvas 绘图坐标系平移实例 )

画布中 , 有 2 套坐标系 , 分别是 : Canvas 自身坐标系 Canvas 绘图坐标系一、Canvas 绘图坐标系平移实例 ---- 在 Canvas#onDraw 中进行绘制 , Canvas...(); 调用 Canvas#translate 方法 , 将 Canvas 画布进行平移操作 , Canvas 绘图坐标系由原来的位置分别向 X 轴和 Y 轴平移 111 像素 , 平移后 Canvas...与上面的 save 方法对应 canvas.restore(); 二、代码示例 ---- 完整代码如下 : package kim.hsl.android_ui; import android.content.Context...; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import...android.graphics.RectF; import android.util.AttributeSet; import android.view.View; import androidx.annotation.Nullable

1.3K2 0

【Android UI】Canvas 画布 ② ( Canvas 状态栈 | Canvas#restoreToCount 状态栈出栈到指定层级 )

文章目录一、Canvas#restoreToCount 状态栈出栈到指定层级 Canvas 状态保存机制中 , 存在两个栈结构 , 分别是状态栈和图层栈 ; 其中图层栈又称为 Layer...栈 ; 一、Canvas#restoreToCount 状态栈出栈到指定层级 ---- 调用 Canvas#restoreToCount(int saveCount) 方法 , 可以指定出栈到某层 ;...如下图所示 , 已经调用了 5 次 Canvas#save() 方法 , 如果直接调用 Canvas#restoreToCount(1) , 可以直接回退到原点坐标也就是之前调用的 5 次 Canvas...#save() 全部作废 ; 如果直接调用 Canvas#restoreToCount(3) , 那么之前的调用的 2 次 Canvas#save() 作废 , 相当于调用了 3 次 Canvas...() * canvas.restoreToCount(count); * // now the canvas is back in the same state it was

6411 0

【Android UI】Canvas 画布 ① ( Canvas 状态栈 | Canvas 状态栈入栈与出栈 | 获取 Canvas 状态栈容量 | Canvas 状态栈原点数据 )

文章目录一、Canvas 状态栈入栈与出栈二、获取 Canvas 状态栈容量三、Canvas 状态栈原点数据 Canvas 状态保存机制中 , 存在两个栈结构 , 分别是状态栈和图层栈 ;..., 崩溃信息如下 : 2022-07-05 18:08:53.073 22010-22010/kim.hsl.android_ui E/AndroidRuntime: FATAL EXCEPTION:...main Process: kim.hsl.android_ui, PID: 22010 java.lang.IllegalStateException: Underflow in restore...- more restores than saves at android.graphics.Canvas.restore(Canvas.java:605) at kim.hsl.android_ui.PathMeasureView3....onDraw(PathMeasureView3.java:38) at android.view.View.draw(View.java:20207)

9003 0

017android初级篇之android canvas的使用

一个Canvas对象有四大基本要素：一个用来保存像素的Bitmap 一个Canvas在Bitmap上进行绘制操作绘制的东西绘制的画笔Paint 如何获得一个Canvas对象。...Canvas对象的获取方式有三种：我们通过重写View.onDraw方法，View中的Canvas对象会被当做参数传递过来，我们操作这个Canvas，效果会直接反应在View中。...Canvas能绘制什么 Canvas类提供了一系列的draw...方法，从这些方法的名字就可以知道Canvas可以绘制的对象。 1....绘制几何图像 canvas.drawArc （扇形） canvas.drawCircle（圆） canvas.drawOval（椭圆） canvas.drawLine（线） canvas.drawPoint...参考链接 Android Canvas API Android 2D Graphics学习（二）、Canvas篇1、Canvas基本使用

1.7K3 0

Android画布Canvas裁剪效果演示--RevealView

图片资源如下图，就是几张灰色和彩色图片思路是利用画布canvas的裁剪，先画出灰色的图片，再画出彩色图片并对彩色图片进行裁剪，先初始化一些参数 private Paint mPaint =...的绘图是根据当前绘图的matrix进行处理的，所以要先裁剪将matrix改变再调用canvas的draw方法，倒过来将没有效果 @Override protected void onDraw...(Canvas canvas) { init(); //先画有灰色的 int nowLeft = 0; for (int i = 1;...i <= 7; i++) { canvas.drawBitmap(bitmap.get(i).get(0), nowLeft, 0, mPaint); /...(0, 0, canvas.getWidth(), canvas.getHeight(), null, ALL_SAVE_FLAG); translateX += dx;

1.5K2 0

Android自定义系列——3.Canvas详解

3.1 Canvas图形绘制 Canvas也称之为画布，能够在上面绘制各种东西，是安卓平台2D图形绘制的基础，非常强大，Android Api中Canvas的相关 Api有许多。...3.绘制点通过Api可以绘制一个点，也可以绘制一组点，具体实现如下： canvas.drawPoint(200, 200, mPaint); //在坐标(200,200)位置绘制一个点 canvas.drawPoints...关于绘制矩形，Canvas提供了三种重载方法，第一种就是提供四个数值(矩形左上角和右下角两个点的坐标)来确定一个矩形进行绘制。...其余两种是先将矩形封装为Rect或RectF(实际上仍然是用两个坐标点来确定的矩形)，然后传递给Canvas绘制，方法如下： // 第一种 canvas.drawRect(100,100,800,400....绘制椭圆 // 第一种 RectF rectF = new RectF(100,100,800,400); canvas.drawOval(rectF,mPaint); // 第二种 canvas.drawOval

1.1K3 0

Android自定义系列——4.Canvas操作

(200,200); canvas.drawCircle(0,0,100,mPaint); // 在坐标原点绘制一个蓝色圆形 mPaint.setColor(Color.BLUE); canvas.translate...// 绘制蓝色矩形 canvas.drawRect(rect,mPaint); 接下来我们使用第二种方法让缩放中心位置稍微改变一下，如下： // 将坐标系原点移动到画布正中心 canvas.translate...// 矩形区域 mPaint.setColor(Color.BLACK); // 绘制黑色矩形 canvas.drawRect(rect,mPaint); canvas.scale...canvas.scale(0.5f,0.5f); canvas.scale(0.5f,0.1f); 调用两次缩放则 x轴实际缩放为0.5x0.5=0.25 y轴实际缩放为0.5x0.1=0.05 ⑶旋转...(Color.BLUE); // 绘制蓝色矩形 canvas.drawRect(rect,mPaint); 好吧，旋转也是可叠加的 canvas.rotate(180); canvas.rotate

1.2K4 0

【Android UI】Canvas 画布 ⑧ ( Canvas 绘图坐标系 2x2 矩阵 | Canvas 绘图坐标系 3x3 操作矩阵 )

文章目录一、Canvas 绘图坐标系 2x2 矩阵二、Canvas 绘图坐标系 3x3 操作矩阵 Canvas 状态保存机制中 , 存在两个栈结构 , 分别是状态栈和图层栈 ; 其中图层栈...又称为 Layer 栈 ; Canvas 画布中 , 有 2 套坐标系 , 分别是 : Canvas 自身坐标系 Canvas 绘图坐标系一、Canvas 绘图坐标系 2x2 矩阵 ---- 在 Canvas...绘图坐标系 ; Canvas 绘图坐标系可以通过调用 Canvas#translate 平移 , Canvas#rotate 旋转 , Canvas#scale 缩放 , Canvas#skew 扭曲斜拉...等方法进行改变 ; 二、Canvas 绘图坐标系 3x3 操作矩阵 ---- Canvas#translate 平移 , Canvas#rotate 旋转 , Canvas#scale 缩放 , Canvas...#translate 平移 , Canvas#rotate 旋转 , Canvas#scale 缩放 , Canvas#skew 扭曲斜拉等操作的 3 \times 3 的 Matrix 矩阵

1.5K2 0

【Android UI】Canvas 画布 ⑥ ( Canvas 绘图源码分析 | ViewRootImpl#draw 方法源码 | ViewRootImpl#drawSoftware 方法源码 )

, 分别是状态栈和图层栈 ; 其中图层栈又称为 Layer 栈 ; Canvas 画布中 , 有 2 套坐标系 , 分别是 : Canvas 自身坐标系 Canvas 绘图坐标系一、Canvas...绘图源码分析 ---- 参考【Android 应用开发】UI绘制流程 ( 生命周期机制 | 布局加载机制 | UI 绘制流程 | 布局测量 | 布局摆放 | 组件绘制 | 瀑布流布局案例 ) 博客..., Android 的 UI 界面绘制流程为 : 布局测量布局摆放组件绘制这里分析 Android 组件绘制过程中 , Canvas 画布相关操作 ; 在绘制时 , 最终调用的方法是 ViewRootImpl...mFullRedrawNeeded = true; scheduleTraversals(); } } } 源码参考路径 : frameworks/base/core/java/android...unlockCanvasAndPost"); } } return true; } 源码参考路径 : frameworks/base/core/java/android

7552 0

Canvas

Canvas 自身的一些注意点 canvas长度和宽度规范不可使用px【使用浏览器容错，可以正常显示】，规范中规定只可为非负整数 canvas默认绘图表面是300*150 css中指定的canvas高度和宽度是元素的高度...，而不是可绘制视图的面积只使用CSS指定width heigth会导致图形缩放或者放大的效果【测试是放大，但是书上说是缩小，可能之前是缩小】 canvas === canvas.getContext(...“2d”).canvas返回true说明是同一个对象 API相关 canvas.toDataURL(类型【image/jpeg之类，默认是image/png】,JPEG图像的显示质量【0.0-1.0的double...数值】) canvas.toBlob(回调函数【提供一个blob的指向】，｛之后参数与上方相同｝)【可能会扩展】

1.1K5 0

Canvas

Canvas canvas 是HTML5新出的标签，可以用来做小游戏，特效，作图等，自己并没有作画能力，只能通过Javascript脚本来操控 Canvas标准 http://www.w3c.org/TR...语法格式： canvas width="1024" height="570" class="canvas">由于您的浏览器版本过低，此图片不能加载canvas> var...class="canvas">由于您的浏览器版本过低，此图片不能加载canvas> var ctx = document.querySelector(".canvas").getContext...class="canvas">canvas> canvas" style="float:left" width="500" height="500">canvas> canvas class="canvas

13.8K5 0

Canvas

介绍 SVG是构建XML树的方式来达到绘制图形的，canvas是通过调用相关的方法来绘制图形的。区别：SVG绘制图形，通过移除或者更改DOM方式来而使用canvas需要把图片从新擦除。...画布元素和上下文，属于两个不同的对象，其中画布元素为canvas画布，而上下文对象为绘制需要的上下文。...id="square" width="10" height="100"> canvas> 第二个园 canvas id="circle" width...="10" height="10"> canvas> <script src="....栗子如下 var canvas = document.getElementById("square"); var context = canvas.getContext("2d"); // 通过坐标变换实现科赫雪花

2.3K1 0

Android自定义系列——5.Canvas图片文字绘制

在AndroidMenifest文件中application节点下添上 android:hardwareAccelerated=”false”以关闭整个应用的硬件加速。...(int width, int height) 开始录制 (返回一个Canvas，在Canvas中所有的绘制都会存储在Picture中) public void endRecording () 结束录制...public void draw (Canvas canvas) 将Picture中内容绘制到Canvas中 beginRecording 和 endRecording 是成对使用的，一个开始录制，...1.使用Picture提供的draw方法绘制: // 将Picture中的内容绘制在Canvas上 mPicture.draw(canvas); 这种方法在比较低版本的系统上绘制后可能会影响Canvas...的drawPicture不会影响Canvas状态。

9634 1

Canvas学习系列一：初识canvas

1. canvas介绍 Canvas元素的出现，可以说开启的Web世界绘制动画，图形的大门，其功能非常强大 canvas 元素是HTML5中功能最强大的元素，它的能力主要是通过Canvas中的Context...var canvas = getElementById('canvas'); var context = canvas.getContext('2d'); 2. canvas的后备内容 Canvas...元素之间包含的文本，这种文本称为 "后备内容"，只有在浏览器不支持canvas元素时才会显示该文本内容 canvas>当前浏览器不支持canvas元素，请更换浏览器canvas> 3....canvas实际上有两套尺寸：一个是canvas元素的大小，一个是canvas绘图表面的大小。...canvas.width = '600'; //canvas的属性取值为非负整数，所以不能带有px canvas.height = '300'; 4. canvas API canvas

1.3K3 0

点击加载更多

【Android UI】Canvas 画布 ⑦ ( Canvas 绘制显示区域 | Canvas 绘制矩形源码分析 )

Android Canvas 绘制小黄人

Android画布Canvas--区域Region

【Android UI】Canvas 画布 ④ ( Canvas 坐标系 | Canvas 自身坐标系 | Canvas 绘图坐标系 )

【Android UI】Canvas 画布 ③ ( Canvas 图层栈 | Canvas#saveLayer() 新建图层 | Canvas 状态栈保存信息标志位 )

【Android UI】Canvas 画布 ⑤ ( Canvas 坐标系 | Canvas 绘图坐标系变换示例 )

【Android UI】Canvas 画布 ⑨ ( Canvas 绘图坐标系平移实例 )

【Android UI】Canvas 画布 ② ( Canvas 状态栈 | Canvas#restoreToCount 状态栈出栈到指定层级 )

【Android UI】Canvas 画布 ① ( Canvas 状态栈 | Canvas 状态栈入栈与出栈 | 获取 Canvas 状态栈容量 | Canvas 状态栈原点数据 )

017android初级篇之android canvas的使用

Android画布Canvas裁剪效果演示--RevealView

Android自定义系列——3.Canvas详解

Android自定义系列——4.Canvas操作

【Android UI】Canvas 画布 ⑧ ( Canvas 绘图坐标系 2x2 矩阵 | Canvas 绘图坐标系 3x3 操作矩阵 )

【Android UI】Canvas 画布 ⑥ ( Canvas 绘图源码分析 | ViewRootImpl#draw 方法源码 | ViewRootImpl#drawSoftware 方法源码 )

Canvas

Canvas

Canvas

Android自定义系列——5.Canvas图片文字绘制

Canvas学习系列一：初识canvas

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐