Flutter的专属Skia引擎解析+用法原理

Skia是一款跨平台的2D图形库,是Google公司开发的,可以用于开发各种应用程序,如浏览器、游戏、移动应用程序等。Skia引擎的主要特点是速度快、可移植性强、占用的内存少、稳定性佳,适用于多种硬件平台。

Skia的目标是提供快速、高效、可扩展的2D图形库,它支持多种颜色模式和平滑算法,同时也支持字体、文本渲染和图像扭曲。Skia的绘图引擎可以与多个图形API进行集成,包括OpenGL、Vulkan和Metal等,并提供了自己的软件渲染器和GPU渲染器。

Skia引擎可以在多个操作系统和平台上使用,包括Android、iOS、Windows、Mac OS X和Linux。它是许多Google应用程序的核心组件,例如Chrome浏览器、Android操作系统和谷歌地图等。

Skia 与 Flutter 的关系

Flutter 是 Google 打造的高性能、跨平台的UI框架,不仅支持 Android、iOS,还支持 Windows、Linux 等操作系统。它可以给开发者提供简单、高效的方式来构建和部署跨平台、高性能移动应用;给用户提供漂亮、无平台区分的APP体验。

图形库 Skia 是 Flutter 跨平台的基石。Skia 保证了同一套代码调用在 Android 和 iOS 平台上的渲染效果是完全一致的。

目前,Skia 已然是 Android 官方的图像渲染引擎了,因此 Flutter Android SDK 无需内嵌 Skia 引擎就可以获得天然的 Skia 支持;而对于 iOS 平台来说,由于 Skia 是跨平台的,因此它作为 Flutter iOS 渲染引擎被嵌入到 Flutter 的 iOS SDK 中,替代了 iOS 闭源的 Core Graphics/Core Animation/Core Text,这也正是 Flutter iOS SDK 打包的 App 包体积比 Android 要大一些的原因。

Skia的基本原理

Skia库使用了一种称为“GPU加速”的技术来提高图形渲染的性能。它利用了硬件加速器(如手机或平板电脑上的GPU)来加速图形计算和绘制过程。通过利用GPU的并行处理能力,Skia可以在短时间内渲染大量的图形元素,提供流畅的用户体验。

Skia库还采用了一种称为“延迟渲染”的技术。延迟渲染意味着Skia并不立即将图形元素绘制到屏幕上,而是将它们存储在内存中的一个缓冲区中。当需要更新屏幕时,Skia引擎会一次性将缓冲区中的所有图形元素绘制到屏幕上,从而减少了渲染的次数,提高了绘制的效率。

使用Skia引擎绘制图形

为了使用Skia引擎绘制图形,我们需要在Android应用程序中添加Skia库的依赖。首先,在项目的build.gradle文件中添加Skia库的引用:

dependencies {implementation 'org.skia:skia:1.0.0'
}

然后,在代码中使用Skia库的API来创建和绘制图形元素。下面是一个简单的示例,演示了如何使用Skia引擎绘制一个圆形:

import org.skia.*;public class SkiaDemoActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_skia_demo);// 创建一个SkSurface对象,用于绘制图像Surface surface = Surface.makeRasterN32Premul(400, 400);Canvas canvas = surface.getCanvas();// 创建一个画笔对象,并设置其颜色和样式Paint paint = new Paint();paint.setColor(Color.RED);paint.setStyle(Paint.Style.FILL);// 在画布上绘制一个圆形canvas.drawCircle(200, 200, 100, paint);// 将绘制的图像显示在屏幕上Bitmap bitmap = Bitmap.createBitmapFromPixels(surface.peekPixels(), 400, 400, Bitmap.Config.ARGB_8888);ImageView imageView = findViewById(R.id.imageView);imageView.setImageBitmap(bitmap);}
}

上述代码首先创建了一个SkSurface对象,它代表了一个可绘制图像的表面。然后创建了一个Paint对象,用于设置绘制图形的样式和颜色。最后,使用Canvas对象的drawCircle()方法绘制了一个圆形,并将绘制的图像显示在屏幕上。更多关于flutter的进阶学习,可以参考《实战混合式开发Flutter3.0手册》点击可以擦查看里面的详细内容。

总结

Skia引擎是Android系统中的一个重要组成部分,它提供了高性能的图形渲染能力,能够在各种硬件平台上快速绘制和处理2D图形。开发者可以使用Skia库的API来创建自定义的图形界面和动画效果。通过利用GPU加速和延迟渲染等技术,Skia引擎能够提供流畅的用户体验。希望本文对你理解Android Skia引擎有所帮助。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/184417.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaWeb课程复习资料——idea创建JDBC

1、创建空的Java Project 输入项目名称 空项目 2、引入jar包步骤 依次点击 File -> Project Structure(快捷键 Ctrl Alt Shift s),点击Project Structure界面左侧的“Modules”如图: 在 【Dependencies】 标签界面下&…

深度学习中的“钩子“(Hook):基于pytorch实现了简单例子

目录 基本概念一个详细的示例 基于resnet50的一个hook应用例子前向传播示例反向传播示例 基本概念 在深度学习中,“钩子”(Hook)是一种机制,可以在神经网络的不同层或模块中插入自定义的代码,以便在网络的前向传播或反…

wsl2 ubuntu22.04安装docker

1. 安装 docker 官网的步骤一步一步安装即可 Install Docker Engine on Ubuntu | Docker Docs 2. 安装完毕之后,不出意外的话当你运行docker version或者其他命令的时候你会报如下错误: Cannot connect to the Docker daemon at unix:///var/run/docke…

IDEA项目下不显示target目录或者target目录不完整没有新添加的资源,idea隐藏target目录

文章目录 一、前言二、idea隐藏target目录2.1、idea隐藏target目录2.2、git提交时隐藏target目录 三、idea下显示target目录3.1、解决idea下不显示target目录问题3.2、target显示目录不完整 一、前言 在idea-2020.1.4版本下讲解idea怎么显示或隐藏target目录。 需要知道:如果…

【获奖论文】2023年数学建模国赛优秀获奖论文

论文篇幅过长,本文仅展示少部分;共计14篇完整PDF获奖论文。 关注在微信公众号:数学建模BOOM,回复“2023国赛”获取。 注意!是在公众号回复,不是在b站。 优秀论文部分内容展示: 更多A~E题的完…

第19章_体系结构

文章目录 1. 逻辑架构剖析1.1 服务器处理客户端请求1.2 Connectors1.3 第1层:连接层1.4 第2层:服务层1.4.1 SQL Interface: SQL接口1.4.2 Parser: 解析器1.4.3 Optimizer: 查询优化器1.4.4 Caches & Buffers: 查询缓存组件 1.5 第3层&…

Xshell如何下载文件到本地

法一:命令下载 1、连接到远程服务器并登录 2、使用cd命令进入要下载文件的目录 3、使用以下命令下载文件: scp usernameremote:/path/to/file /path/to/local/directoryusername 远程服务器的用户名 remote 远程服务器的IP地址或主机名 /path/to/file …

SpringCloud之Seata基本介绍与安装

目录 基本介绍 概述 核心组件 四种方案 部署TC服务(安装) 下载 修改registry.conf nacos添加配置 建表(仅db) 启动 基本介绍 概述 Seata 是一款开源的分布式事务解决方案,致力于提供高性能和简单易用的分布式事务服务。Seata 将…

IOS渲染流程之提交图层数据至RenderThread进程

大致链路 UIView/CALayer---->CoreAnimation./Core Graphics/Core Image---->GPU Drive-->GPU 图层树/视图树 一个UIView(视图)对应一个CALayer(图层),CALayer对应显示的数据其有个content代表Bitamp&#…

【第2章 Node.js基础】2.2 Node.js回调函数

学习目标 (1)理解Node.js的回调函数; (2)掌握回调函数的使用。 什么是回调函数 回调函数是一种特殊的函数,它作为参数传递给另一个函数,并在特定的事件或条件发生时被调用。回调函数通常用于异…

Jekyll框架编译GithubPages,提示没有docs

Jekyll Converters::Scss build issue: No such file or directory dir_chdir - /github/workspace/docs Error: No such file or directory dir_chdir - /github/workspace/docs 解决方案: 修改github page仓库中–> 设置—> pages 把里面的\docs&#xf…

Microsoft Edge浏览器不兼容解决办法

找到 Edge 的安装位置,一般在 C:\Program Files (x86)Microsoft Edge\Application\ 这个目录,把 edge.exe 或msedge.exe 修改为 chrome.exe 再重启电脑。

蓝桥杯双周赛算法心得——串门(双链表数组+双dfs)

大家好,我是晴天学长,树和dfs的结合,其邻接表的存图方法也很重要。需要的小伙伴可以关注支持一下哦!后续会继续更新的。💪💪💪 1) .串门 2) .算法思路 串门(怎么存图很关键&#xf…

打包 广告

小米广告 Type android.support.v4.app.INotificationSideChannel is defined multiple times d8clsPath: Error in D:\ChannelFolder\JJChannelPackageForTest\ToolConfigPath\channels-ad\ATemp-100057\xiaomi\lib\xiaomi_ad_merge_20231104.jar:android/support/v4/app/IN…

8.spark自适应查询-AQE之自适应调整Shuffle分区数量

目录 概述主要功能自适应调整Shuffle分区数量原理默认环境配置修改配置 结束 概述 自适应查询执行(AQE)是 Spark SQL中的一种优化技术,它利用运行时统计信息来选择最高效的查询执行计划,自Apache Spark 3.2.0以来默认启用该计划。…

Mall4cloud 微服务商城系统 2.0 发布

导读现在 jdk17 和 spring boot 以及 spring cloud alibaba 2022 的第三方依赖已经趋于成熟,所以 mall4cloud 也一把梭哈做了升级嗷。 本次更新重点: 系统由 jdk8 最低要求升级到 jdk17spring boot 由 2.7.x 升级到 3.1.xjavax 升级到 jakartaspring-cl…

extractvalue报错注入理论及实战

报错注入 什么是报错注入 构造语句,让错误信息中夹杂可以显示数据库内容的查询语句,返回报错提示中包括数据库中的内容 如上图所示,通过group by的报错,我们可以知道列数是多少 输入正确的查询数据库的SQL语句,虽然可…

Cube MX 开发高精度电流源跳坑过程/SPI连接ADS1255/1256系列问题总结/STM32 硬件SPI开发过程

文章目录 概要整体架构流程技术名词解释技术细节小结 概要 1.使用STM32F系列开发一款高精度恒流电源,用到了24位高精度采样芯片ADS1255/ADS1256系列。 2.使用时发现很多的坑,详细介绍了每个坑的具体情况和实际的解决办法。 坑1:波特率设置…

小白学爬虫:通过关键词搜索1688商品列表数据接口|1688商品列表数据接口|1688商品列表数据采集|1688API接口

通过关键词搜索1688商品列表数据接口可以使用1688开放平台提供的API接口实现。以下是使用关键词搜索商品列表数据的基本步骤: 1、注册并获取AppKey。 2、构造请求参数,包括搜索关键词、页码、每页条数等。 3、通过API接口链接,将请求参数发送…

高校教务系统登录页面JS分析——西安外国语大学教务系统

高校教务系统密码加密逻辑及JS逆向 本文将介绍高校教务系统的密码加密逻辑以及使用JavaScript进行逆向分析的过程。通过本文,你将了解到密码加密的基本概念、常用加密算法以及如何通过逆向分析来破解密码。 本文仅供交流学习,勿用于非法用途。 一、密码加…