1.Flutter 新一代形渲染器 Impeller
2.Skia 编译及踩坑实践
3.android图片压缩库-说说在Android中如何压缩图片
4.skia发展历史
5.Android 14 HWUI 源码研究 View Canvas RenderThread ViewRootImpl skia

Flutter 新一代形渲染器 Impeller

       Flutter在年的库源库Roadmap中提出需重新考虑着色器使用方式，计划重写图像渲染后端。库源库此计划的库源库初步成果是名为Impeller的渲染后端，本文将探讨Impeller解决的库源库问题、目标、库源库架构和渲染细节。库源库exe程序源码获取

       背景部分，库源库 Flutter过去一年解决了不少Jank问题，库源库但着色器编译导致的库源库Jank问题一直没有解决。着色器编译Jank问题源于Flutter底层使用skia做2D图形渲染库，库源库内部定义了SkSL（Skia shading language）。库源库在光栅化阶段，库源库skia生成SkSL着色器，库源库再将其转换为特定后端（GLSL、库源库GLSL ES 或 Metal SL）着色器，库源库并在设备上编译，此过程可能耗时数百毫秒，导致数十帧丢失。通过在Flutter 1.版本中为GL后端实现SkSL预热机制，离线收集并保存应用程序中使用的SkSL着色器，进而提升性能。

       Impeller架构部分，Impeller是apk源码样例专为Flutter设计的渲染器，目前处于早期原型阶段，仅支持iOS和Mac系统，依赖flutter fml和display list，并实现了display list dispatcher接口，便于替换skia。其核心目标是解决着色器编译Jank问题。

       Impeller着色器离线编译部分，Impeller compiler模块是关键。在编译阶段，将compiler相关源码编译为host工具impellerc binary，利用impellerc compiler将所有着色器源码（包括顶点和片段着色器）编译为SPIR-V中间语言，再转换为特定后端的高级着色器语言（如Metal SL），并编译为shader library，同时生成C++ shader binding用于快速创建pipeline state objects。这样所有着色器在离线时被编译，运行时不需执行任何编译操作，提升首帧渲染性能。

       Impeller渲染流程部分，通过继承IOSContext、IOSSurface和flow Surface实现IOSContextMetalImpeller、IOSSurfaceMetalImpeller和GPUSurfaceMetalImpeller结构，对接flutter flow子系统。深藏不漏指标源码光栅化阶段，通过DisplayListCanvasRecorder合成Layer Tree，将所有layer中的绘图命令转换为DLOps，并存储到DisplayList结构。随后，使用DisplayListDispatcher执行所有Ops，将信息转换为EntityPass结构。接着，使用RenderPass从Root EntityPass开始遍历，将每个Entity转换为Command结构，生成GPU Pipeline，设置顶点和片段着色器的数据，将顶点数据和颜色或纹理数据转换为GPU buffer。最后，开始渲染指令编码阶段，根据MTLCommandBuffer生成MTLRenderCommandEncoder，遍历所有Commands，设置PipelineState、Vertext Buffer和Fragment Buffer，提交command buffer。

       总结部分，Impeller通过离线编译着色器、QQ音速联机源码优化渲染流程等手段解决着色器编译Jank问题，显著提升渲染性能。Flutter重写图像渲染后端的决心可见一斑，期待Impeller能进一步提升Flutter的渲染性能。

Skia 编译及踩坑实践

       了解并入门 Skia、OpenGL 和 Vulkan 的关键点：

       Skia 是一个开源2D 图形库，提供跨硬件和软件平台工作的通用 API。OpenGL 是跨平台的图形 API，用于3D 图形处理硬件标准接口。Vulkan 是高性能跨平台 2D 和 3D 图形 API。

       Android 支持多版 OpenGL ES 和 Vulkan。Skia 的常用后端包括自身、OpenGL、Vulkan、Metal 和 PDF。

       实践涉及获取 Skia 源码，编译集成，使用 Skia 画出三角形。常见问题包括链接 libskia.so 时的 undefined symbol 错误，以及使用 SkData、SkImage、SkFont 时的qq好友列表源码指针异常导致闪退。最终选择稳定版本 flutter-3.2-candidate.4 分支。

       改用 GPU 画图（Vulkan）能显著提升绘制效果，但需调整编译配置，注意 Vulkan 库位置，不同 Android 系统内置的 so 存在增删。初始 Vulkan 配置涉及创建 Vulkan 实例、物理设备、逻辑设备、队列族、队列、回调函数、上下文、Surface 和交换链等。

       发现 Vulkan 性能不及预期，验证后发现 OpenGL 在电量、温度和帧率上表现更优。Skia 开启 OpenGL 后端绘制，相比 Vulkan 简化许多。

       实际项目构建 Skia 运行出现问题时，不要轻易怀疑自己，可能真是 Skia 的问题。Vulkan 需要一定的图形基础，没有经验者慎用。

       学习和实践 Skia、OpenGL 和 Vulkan 的过程需要耐心，遇到问题时不要放弃，可能只是 Skia 的问题。Vulkan 的配置和调优需要投入更多精力，但最终能实现高性能渲染。

android图片压缩库-说说在Android中如何压缩图片

       Android黑科技，图片终极压缩

       ä¸€ã€æ”¯æŒè‡ªå®šä¹‰é…ç½®ã€ä¸å¤±çœŸå’Œæ‰¹é‡å¤„理

       äºŒã€å›¾ç‰‡ä¸Šä¼ ä¸ºä»€ä¹ˆè¦åŽ‹ç¼©

       1、图片服务器空间限制,磁盘昂贵

       2、网络不稳定,大文件需要断点续传

       3、尽可能避免安卓OOM异常

       4、后台约定的规则<KB

       5、需要上传原图的应用有医院临床项目、金融银行

       ä¸‰ã€å›¾ç‰‡åŽ‹ç¼©æµç¨‹

       1、递归每张图片

       2、设置图片格式

       png,jpg,webp

       3、质量压缩(format,quality,baos)

       ç”±äºŽpng是无损压缩,所以设置quality无效(不适合作为缩略图)

       é‡‡æ ·çŽ‡åŽ‹ç¼©

       ç¼©å°å›¾ç‰‡åˆ†è¾¨çŽ‡,减少所占用磁盘空间和内存大小

       ç¼©æ”¾åŽ‹ç¼©(bitmap,null,rectF,null)

       å‡å°‘图片的像素,降低所占用磁盘空间大小和内存大小,可用于缓存缩略图

       JNI调用JPEG库

       Android的图片引擎使用的是阉割版的skia引擎,去掉了图片压缩中的哈夫曼算法

       4、像素修复

       5、返回压缩

       6、完成压缩

       demo:

       å‚考:

       Luban框架

       ç¼ºç‚¹

       1、当没有设定压缩路径时,抛异常无闪退

       2、源码中,压缩比率固定值,无法修改

       3、压缩配置,参数不太适应真实项目需求

       4、不能指定压缩大小,比如KB以内

       ç›®å‰å­˜åœ¨ä¸¤ç§åŽ‹ç¼©å›¾ç‰‡æ–¹å¼:

       è€Œå›¾ç‰‡æœ‰ä¸‰ç§å­˜åœ¨å½¢å¼:

       bigmap在内存中的大小是按像素计算的,也就是width*height,所以如果需要在Android中显示照片,那么就必须进行按比例压缩,避免因为内存消耗过大,导致APP退出。

       æ˜¯ä¸æ˜¯å¾ˆç®€å•å‘€O(∩_∩)O哈哈~

       ä¸€ã€å‰è¨€:

       2.质量压缩

       æ³¨æ„:

       ç¬¬äºŒæ¬¡åŽ‹ç¼©ä¹‹å‰éƒ½è¦å…ˆæ¸…空();再进行压缩(,quality,baos);

       æœ‰æ—¶å€™æˆ‘们采用质量压缩没有效果,有可能是每次压缩的质量过小,所以我们可以尝试修改压缩质量(quality)是;

       quality压缩机提示,0-。0表示压缩

       å°å°ºå¯¸,意味着最大质量的压缩。一些

       æ ¼å¼,如无损的PNG,将忽略质量设定;

       3.混合方式压缩

       é“¾æŽ¥:

skia发展历史

       自年Google购入Skia以来，这个项目一直保持着相对低调的姿态。转折点发生在年初，Skia的GL相关源代码首次公开，它成为了Google Android平台的关键图形引擎。随后，Google Chrome浏览器也接纳了Skia的技术，使其在浏览器渲染中发挥重要作用。随着Android和Chrome开源计划（Android的开源版本称为Chromium）的展开，Skia的原始源代码也随之公开，采用的是Apache License v2的许可协议，这与GPLv2有所不同。在Android和Chrome的源代码库中，都包含了对Skia的定制版本，如Chrome项目下的"chrome/trunk/src/skia"，这些定制主要针对各自平台的需求，如Android通过Linux Framebuffer接口与系统集成，而Chrome在开发中的Linux版本则使用Gtk+。

       值得注意的是，Skia本身并不直接处理底层环境的细节，如Linux Framebuffer或Gtk+的衔接，这就导致了Android和Chrome需要针对其各自的环境需求进行相应的代码修改，以确保系统的兼容性和流畅运行。这些定制版的Skia在各自的项目中扮演了不可或缺的角色，但原始的Skia项目本身并未涉及这些底层整合工作。[1]

Android HWUI 源码研究 View Canvas RenderThread ViewRootImpl skia

       HUWUI是Android系统中负责应用可视化元素绘制的核心组件，其架构主要在C++层实现，从Java层接收View绘制信息，通过唯一的渲染线程使用skia技术完成渲染任务。整体上，从应用程序到UI线程，再到渲染线程，形成了清晰的层级关系。

       HUWUI的构建主要包括三个核心类，它们分别是：RecordingCanvas、Canvas、RenderNode、RenderProxy、RenderThread、CanvasContext、IRenderPipeline。在Java层，主要涉及两类Canvas，RecordingCanvas用于记录绘制指令，Canvas则是直接用于渲染。RecordingCanvas在构造时创建，而Canvas在调用时创建。这两个类在C++层分别对应SkiaRecordingCanvas和SkiaCanvas，后者直接引用SkCanvas。

       在全局循环中，UI线程与渲染线程之间的协同操作至关重要。具体流程包括：新创建Activity后，附着到对应的PhoneWindow，然后调用PhoneWindow的setContentView方法，将View添加到DecorView作为子节点。接着，DecorView与ViewRootImpl对接，完成View的更新与渲染。整个过程包含了measure、layout和draw等复杂子流程。

       渲染线程创建与核心对象紧密关联，主要包括RenderProxy、RenderThread和DrawFrameTask。RenderProxy负责Java层信息的衔接，RenderThread作为进程唯一的渲染线程，持有DrawFrameTask和CanvasContext，完成一帧的绘制任务。指令记录流程的核心在于使用C++层的RecordingCanvas将View属性和绘制信息记录到DisplayList中，进而完成指令的渲染。

       Surface、ANativeWindow、EGLSurface的创建流程在ViewRootImpl的performTraversals函数中初始化。ReliableSurface的封装和EGL与Skia环境的创建主要在RenderThread的requireGlContext函数中实现。从源码分析，这一过程通常在三个地方调用。

       View树与RenderNode树之间的协作关系明确，一个Application进程对应多个Activity，每个Activity与一个PhoneWindow绑定，PhoneWindow持有DecorView，DecorView对应一个ViewRootImpl，而ViewRootImpl与ThreadedRender模块对接。ThreadedRender与C++层的RenderProxy一一对应，RenderProxy持有关键对象，如RenderThread、CanvasContext、DrawFrameTask等。RenderThread是单例模式，进程唯一，负责一帧绘制的逻辑。

       在RenderPipeline模块中，关键操作包括makeCurrent、draw和swapBuffers。Native Canvas在这一过程中扮演了桥梁角色，接收Java API调用，而RecordingCanvas完成Op记录，最终DisplayListData存储这些Op。

       skia的核心资源主要在三个使用场景中发挥作用，具体细节需深入分析，这些资源对于实现高效、稳定的渲染效果至关重要。