Animating an Opacity widget directly causes the widget (and possibly its subtree) to rebuild each frame, which is not very efficient. Consider using an AnimatedOpacity or a FadeTransition instead.
在animation中使用Opacity widget直接导致widget（可能还有它的子树）每一帧都rebuild，这效率很低。建议改用 AnimatedOpacity 或 FadeTransition。

Transparent image - 透明image

If only a single Image or Color needs to be composited with an opacity between 0.0 and 1.0, it’s much faster to directly use them without Opacity widgets.
如果只需要将单个Image或Color 展示在 0.0 和 1.0 之间的透明度，则直接使用它们（到自身的透明度）会比使用Opacity widget 快得多。

For example, Container(color: Color.fromRGBO(255, 0, 0, 0.5)) is much faster than Opacity(opacity: 0.5, child: Container(color: Colors.red)).
例如，Container(color: Color.fromRGBO(255, 0, 0, 0.5)) 比 Opacity(opacity: 0.5, child: Container(color: Colors.red)) 快得多。

The following example draws an Image with 0.5 opacity without using Opacity:
以下示例在不使用 Opacity 的情况下绘制透明度为 0.5 的Image：

Image.network('https://raw.githubusercontent.com/flutter/assets-for-api-docs/master/packages/diagrams/assets/blend_mode_destination.jpeg',color: const Color.fromRGBO(255, 255, 255, 0.5),colorBlendMode: BlendMode.modulate
)

Directly drawing an Image or Color with opacity is faster than using Opacity on top of them because Opacity could apply the opacity to a group of widgets and therefore a costly offscreen buffer will be used. Drawing content into the offscreen buffer may also trigger render target switches and such switching is particularly slow in older GPUs.
绘制直接设置自身透明度的image或Color比在它们的父节点上使用Opacity widget更快，因为Opacity widget可以运用于应用于一组widget，因此将使用开销大的offscreen buffer。将内容绘制到offscreen buffer也可能触发渲染目标切换，并且这种切换在较旧的 GPU 中特别慢。

opacity animation性能注意事项相关推荐

css html 优化,CSS Animation性能优化
CSS Animation是实现Web Animation方法之一,其主要通过@keyframes和animation-*或者transition来实现一些Web动效.不过今天我们聊的不是怎么制作We ...
DreamFactory 第9章性能注意事项
DreamFactory 第9章性能注意事项 DreamFactory是一个基于PHP的应用程序,尽管我们会尽一切努力优化代码,但性能很大程度上取决于基础架构级别的决策.幸运的是,这些决定并不是由预 ...
sql如何避免插入并发_SQL批量插入并发和性能注意事项
sql如何避免插入并发 One of the challenges we face when using SQL bulk insert from files flat can be concurre ...
提高JS性能注意事项(转载)
一．执行效率 1. DOM 1.1 使用DocumentFragment优化多次append 说明:添加多个dom元素时,先将元素append到DocumentFragment中,最后统一将Docum ...
服务器网络文件夹,System.IO.FileSystemWatcher监视网络服务器文件夹 - 性能注意事项(Sys...
我想看更改网络服务器上的文件夹树. 这些文件都具有特定的扩展. 有树约200文件夹和带我看的延长约1200文件. 我不能写一个服务,在服务器上运行(禁地!),所以解决方案必须是本地的客户端. 及时性不 ...
iOS Core Animation Advanced Techniques(七)：高效绘图、图像IO以及图层性能
高效绘图不必要的效率考虑往往是性能问题的万恶之源. --William Allan Wulf 在第12章『速度的曲率』我们学习如何用Instruments来诊断Core Animation性能问题. ...
硬件加速下webview切换闪屏_网页渲染性能优化 —— 性能优化下
博客有更多精品文章哟. Composite 的优化终于,我们到了像素管道的末尾.对于这一部分的优化策略,我们可以从为什么需要 Composited Layer(Graphics Layer)来入手 ...
（译）2019年前端性能优化清单 — 中篇
(译)2019年前端性能优化清单 - 上篇 (译)2019年前端性能优化清单 - 中篇 (译)2019年前端性能优化清单 - 下篇目录资源优化 17. 使用 Brotli 或 Zopfli 进行纯 ...
iOS核心动画高级技术(十二) 性能调优
Code should run as fast as necessary, but no faster. 代码应该运行的尽量快,而不是更快 - 理查德在第一和第二部分,我们了解了Core Anima ...

opacity animation性能注意事项

Transparent image - 透明image

opacity animation性能注意事项相关推荐

最新文章

热门文章