Android Skia的绘制系统

最新推荐文章于 2024-08-18 10:44:44 发布
最新推荐文章于 2024-08-18 10:44:44 发布
阅读量4.9k 收藏 27
点赞数 8
文章标签： java android canvas js 编程语言
和你一起终身学习，这里是程序员Android
本文链接：https://blog.csdn.net/wjky2014/article/details/119430878
版权

和你一起终身学习，这里是程序员Android

经典好文推荐，通过阅读本文，您将收获以下知识点:

一、View的绘制机制
二、HWUI绘制架构
三、渲染设备Device
四、ImageView绘制
五、绘制时的几何处理SkMatrix

Android Q渲染系统，最大的改动就是增加了skia的戏份，之前Android P绘制时，直接是在hwui中封装一下，绘制封装到op中，直接去调GPU实现了；现在在Android Q中，除了hwui中的封装，在hwui中有个DisplayList外，在skia中再次封装，在skia中还有一个GrOpList。

具体的细节，就让我们一起来看看吧

一、View的绘制机制

首先我们来看看View的绘制机制吧！View的一个统称。相信不少同学都自定义过View～ 我们自定义一个View，是不是都要去重写onDraw方法，但是onDraw方法是什么时候去调的呢！让我们来看看吧！

我们来看看关键点：

  • 编舞者Choreographer
    主要处理DisplayEventReceiver接受到的Vsync信号，控制绘制的节拍，和底层的显示进行同步！

  • ViewRootImpl
    一个窗口中所有View的根，所有View都是按照数据结构Tree进行组织

  • ThreadedRenderer
    线程化的渲染器，里面会封装渲染线程，硬件加速主要走这里，早期没有硬件加速走的drawSoftware，现在还保留只为兼容！

  • 一个View对应一个渲染节点RenderNode，充分体现了Tree结构的概念！

  • Canvas
    俗称画布，提供什么样的画布就具有什么样的能力，渲染的途径就不一样！

我们以ImageView的渲染为例，看看其调用栈！

12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.graphics.BaseRecordingCanvas.drawBitmap(BaseRecordingCanvas.java:88)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.graphics.drawable.BitmapDrawable.draw(BitmapDrawable.java:548)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.widget.ImageView.onDraw(ImageView.java:1434)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at com.android.example.cropper.CropImageView.onDraw(CropImageView.java:167)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.View.draw(View.java:21594)
... ...
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ViewGroup.dispatchDraw(ViewGroup.java:4231)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.View.draw(View.java:21601)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at com.android.internal.policy.DecorView.draw(DecorView.java:831)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.View.updateDisplayListIfDirty(View.java:20437)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ThreadedRenderer.updateViewTreeDisplayList(ThreadedRenderer.java:575)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ThreadedRenderer.updateRootDisplayList(ThreadedRenderer.java:581)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ThreadedRenderer.draw(ThreadedRenderer.java:654)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ViewRootImpl.draw(ViewRootImpl.java:3828)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ViewRootImpl.performDraw(ViewRootImpl.java:3619)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:2939)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1849)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:8013)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.Choreographer$CallbackRecord.run(Choreographer.java:969)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.Choreographer.doCallbacks(Choreographer.java:793)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.Choreographer.doFrame(Choreographer.java:728)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:954)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.os.Handler.handleCallback(Handler.java:883)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.os.Handler.dispatchMessage(Handler.java:100)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.os.Looper.loop(Looper.java:224)
12-30 13:45:51.476 10246 26422 26422 E AndroidRuntime:  at android.app.ActivityThread.main(ActivityThread.java:7509)

这个栈里我们隐藏掉了一部分View的Tree的调用！展示了从收到Vsync到开始绘制之间的调用流程！

二、HWUI绘制架构

之前，hwui中对绘制操作进行封装后，直接送GPU进行渲染，通过OpenGL或Vulkan进行封装！Q版本后，不一样，都是通过skia进行封装再通过OpenGL或Vulkan进行封装，最后才给到GPU渲染。

skia的作用用处，明显加强了！
通过代码分析，skia是通过静态库的形式被hwui引用的！

hwui的流程和之前的差别主要就体现在skia的二次封装～ 我们来看看hwui的绘制流程！

  • SkiaOpenGLPipeline和SkiaVulkanPipeline两个分别是对OpenGL和Vulkan的封装！

  • skia的代码分两个部分，这个图里面的主要是hwui中的，还有一部分是skia独立的静态库中！

  • skia有对应的结构和hwui匹配！

我们就简单看一下SkiaCanvas的一个调用流程：

01-02 17:19:52.510 31741 32145 D xm-gfx-skia: SkCanvas: #00 pc
最低0.47元/天 解锁文章
程序员Android
关注
Android 图形绘制（skia）
黎梓小站
04-10 5869
Skia是什么？打个比方来说吧，现在让你来画一幅画，比如我们的国画—山水画。画一幅画需要哪些工具呢？从常识上来说，我们需要一张纸，比如白纸，或者带有某些背景图的纸张；需要毛笔，不同型号的毛笔；墨汁；颜料等等。然后我们规定在纸张的哪个区域画图，用什么样的毛笔，用什么样的颜色，画什么样的图形，是点、线、面？还是花草等。 Skia是什么？Skia就是类似上面画图所有需要的一系列设备、工具等。要在And
Android skia简单应用
weixin_34107739的博客
02-27 531
Android skia简单应用 很简单的Skia 2D图形库的调用。 一、Skia 2D图形库 Skia是Google一个底层的图形、图像、动画、SVG、文本等多方面的图形库，它是Android中图形系统的引擎。 Skia的系统库为libskia.so、libskiagl.so（不同版本名称可能有出入）。而...
探索Skia Canvas：Node.js的高性能图形渲染库
最新发布
gitblog_00929的博客
08-18 463
探索Skia Canvas：Node.js的高性能图形渲染库 skia-canvasA GPU-accelerated 2D graphics environment for Node.js项目地址:https://gitcode.com/gh_mirrors/sk/skia-canvas 在现代Web开发中，图形渲染是一个不可或缺的部分。无论是创建动态图表、设计用户界面还是生成复杂的艺术作品，...
Android Skia
liuning1985622的博客
05-05 982
Android Skia 是一个二维图形处理引擎，是 Android 操作系统中用于处理图形渲染、图像处理和矢量图形显示的核心组件之一。它利用 CPU 和 GPU 加速来操作位图和向量图像，并提供了各种渲染效果和动画效果。Skia 最初是由 Google 开发的，在 2005 年成为 Chrome 浏览器中的默认渲染引擎。Android 系统也采用了 Skia 引擎作为其默认的绘图引擎，并将其与 Android Framework 结合使用。
android skia
07-14
了SkCanvas, SkBitmap等几个主要的class，我通过分析源代码，查看jni接口对skia引擎的封装，总结和翻译了下面的一些文字，希望对想在 Android平台进行native画图的朋友有所帮助，当然，你也可以直接使用OpenGL来画图。
Android 二维图形处理引擎 Skia
特立独行的博客
04-24 3312
Android Skia 是一个二维图形处理引擎，是 Android 操作系统中用于处理图形渲染、图像处理和矢量图形显示的核心组件之一。它利用 CPU 和 GPU 加速来操作位图和向量图像，并提供了各种渲染效果和动画效果。
Android UI 绘制之Skia
alitter的专栏
09-02 9818
Android上层的作图几乎都通过Canvas实例来完成，追踪Canvas代码发现其实Canvas更多是一种接口的包装。如drawPaints ，drawPoints，drawRect，drawBitmap，而这些绘制接口是由SKia引擎来完成，如下图所显。
android jni skia,Android NDK 调用Skia进行底层绘图
weixin_35851654的博客
05-27 1088
Skia是Android的底层的图形库，最近看了一下参考了了网上的例子最初是这样做的就是从上层直接传一个Canvas再在底层获取它运行的时候老是不成功，不过可以画图形，比如线、矩形等，最后在网上查了一下，大致是源代码版本和库不同导致的最后实在没法了，我就直接传一个Bitmap对象，再在底层将文字和图形写在上面，这样就可以了下面是底层代码:#include "SkRect.h"#include "S...
Skia在Android中的作用
sytregn的博客
04-23 1169
最后追踪到这里了，就已经基本上是Skia库的核心代码了，在这里我看到这里注释,看到了一个前端后端的含义，原本对这里并不是特别的清楚。这里摘抄一下别的文章的原文在 Skia 图形库中，分为前端和后端，前端通常指的是图形库提供的接口和功能，用于创建和操作图形对象、设定图形属性、以及定义图形场景；后端指的是图形库的渲染引擎，负责将前端定义的图形场景渲染到屏幕上，后端通常涉及图形硬件的交互。以上不同的Gpu的类型也对应这不同的渲染后端/***/
android对skia的封装,Skia引擎API整理介绍(skia in Android 2.3 trunk)
weixin_31838473的博客
05-25 375
序通过google, baidu，我们都很难搜索到关于skia引擎方面的文档，skia的官方wiki(http://code.google.com/p/skia)也只有寥寥无几的文字简单介绍了SkCanvas, SkBitmap等几个主要的class，我通过分析源代码，查看jni接口对skia引擎的封装，总结和翻译了下面的一些文字，希望对想在Android平台进行native画图的朋友有所帮助，当...
android skia测试程序SampleApp
04-26
最近发现将skia的SampleApp的测试程序放在packages/apps很多编译不过，经过代码整理，现在可以编译过了
Android的图形处理引擎－Skia
12-06
Skia是一个开源的向量图形处理函数库，包括字型、坐标转换、位图等等，相当于轻量级的Cairo，目前主要用于Google的Android和Chrome平台。 另外，Skia是WebKit支持的众多图形平台之一，在WebKit的GraphicsContext.h/.c中有相关实现。
android skia 框架学些
12-14
很好的skia介绍，目录结构等 Skia是一个开源的向量图形处理函数库，包括字型、坐标转换、位图等等，相当于轻量级的Cairo，目前主要用于Google的Android和Chrome平台。 另外，Skia是WebKit支持的众多图形平台之一，在WebKit的GraphicsContext.h/.c中有相关实现。
Android_skia学习
hpp205的专栏
07-18 1870
源码位置：android/external/skia   Android Java 2D作图主要通过JNI调用skia图形库完成。Canvas是个2D的概念，在skia中可以把这个canvas理解成系统提供给我们的一块内存区域，但实际上它只是一套绘图API，真正的内存是下面的Bitmap，skia 提供一个bitmap对象。在surface上绘制UI，通过lock来获取surface对应的数据...
Andorid Skia
hugang的博客
01-18 931
android中的Bitmap在jni层使用的是Bitmap.cpp这个文件，Bitmap.cpp中引用了大量Skia的头文件 Skia在Android源码中的路径： android9\external\skia
android 图形库,Android Skia图形库
weixin_34326484的博客
05-27 627
lzyprime 博客 (github)创建时间：2020.12.17qq及邮箱：2383518170λ：Skia 是Android、flutter底层的2D图形库。Skia 官网。2D页面无非就是 图形(点、线、面)，文字, 所以Skia设计也很简单：新建Canvas, 画布，所有内容画在这上面通过Canvas相关方法画出内容。一般名为drawxxx(), 同时要传入一个Paint, 也就是画笔...
Android编译Skia库
安仔的博客
01-12 2073
Android skia编译
Skia深入分析3——skia图片绘制的实现(2)
weixin_34319817的博客
02-02 778
此篇讲图像采样一、采样流程在上一节里的流程图有写到，图像绘制的实际渲染发生在某个blitter的blitRect函数中，我们先看一个具体的blitRect实现。 void SkARGB32_Shader_Blitter::blitRect(int x, int y, int width, int height) { SkASSERT(x &gt...
Android Skia 用途
06-03
Android Skia 是 Android 系统的一个 2D 图形库，用于绘制和处理 2D 图形。Skia 库的主要用途包括： 1. 绘制 UI：Android 应用程序中的大部分 UI 元素都是由 Skia 库绘制的，如按钮、文本、图标、背景等。Skia 库提供了丰富的绘图函数和接口，可以实现各种 UI 效果。 2. 绘制图形：Skia 库支持各种 2D 图形的绘制，如线条、矩形、圆形、椭圆、多边形等。这些图形可以被用于绘制图表、图像、游戏等。 3. 图像处理：Skia 库支持各种图像处理操作，如裁剪、缩放、旋转、颜色调整、滤镜等。这些操作可以用于图像编辑、图像处理、图像识别等领域。 4. 字体渲染：Skia 库支持字体的渲染和排版，可以实现各种字体效果和排版效果。 5. 跨平台支持：Skia 库可以在多个平台上运行，如 Android、iOS、Windows、Linux 等。这使得开发人员可以方便地在不同平台上共享代码和技术。 总之，Android Skia 是 Android 应用程序开发中不可或缺的一个组件，它提供了强大的 2D 图形绘制和处理功能，可以用于开发各种类型的应用程序，如游戏、图像编辑、UI 设计等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员Android

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值