Flutter Image

短命女 2021-10-13 04:19 262阅读 0赞

阅读：[图片加载原理与缓存][Link 1]

1.  Image是一组合容器，将“图片”的来源（ImageProvider）与绘制（RawImage）组合起来展示图片。
2.  ImageProvider是一个基类，暴露一个通用解析接口resolve给外部使用，返回ImageStream，可以用来监听解析结果ImageInfo。同时ImageProvider实现了通用的缓存逻辑，典型的面向对象编程思想，提取通用部分做成基类，方便复用。
3.  ImageProvider有两个虚函数，需要子类实现，分别是load，用于不同图片源的加载，如网络或本地assets；obtainKey，用于缓存key，区分是否同一缓存对象，如网络图片的url或本地图片的文件路径。
4.  AssetsImage源码里有一个Flutter团队对于性能优化的有意思的一个实现，对于速度快的异步调用转换为同步返回，以尽量在同一帧绘制中展示图片，如注释：

@override
      Future<AssetBundleImageKey> obtainKey(ImageConfiguration configuration) {
        // This function tries to return a SynchronousFuture if possible. We do this
        // because otherwise showing an image would always take at least one frame,
        // which would be sad. (This code is called from inside build/layout/paint,
        // which all happens in one call frame; using native Futures would guarantee
        // that we resolve each future in a new call frame, and thus not in this
        // build/layout/paint sequence.)

[Link 1]: https://book.flutterchina.club/chapter14/image_and_cache.html

发表评论取消回复

表情：

评论列表（有 0 条评论，262人围观）

还没有评论，来说两句吧...

相关阅读

相关 image

如何修改才能让图片宽度为 300px ？注意下面代码不可修改。 <img src="1.jpg" style="width:480px!important;”> 方

约定不等于承诺〃/ 2023年10月12日 08:09/ 0 赞/ 54 阅读

相关 images

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hvcml6

梦里梦外;/ 2023年06月25日 12:27/ 0 赞/ 123 阅读

相关 image caption

[一周论文 | Image Caption任务综述][_ Image Caption] [ImageCaption算法总结][ImageCapt

ゞ浴缸里的玫瑰/ 2022年07月15日 12:21/ 0 赞/ 168 阅读

相关 Go语言学习之image、image/color、image/png、image/jpeg包(the way to go)

生命不止，继续 go go go !!! golang同样为我们提供了很多关于图片处理的标准库，这里与大家一起学习分享。 image package 作用： Pa

水深无声/ 2022年06月13日 07:14/ 0 赞/ 442 阅读

相关 python image basic image process

from:[https://www.cnblogs.com/kongzhagen/p/6295925.html][https_www.cnblogs.com_kongzhage

悠悠/ 2022年05月08日 05:18/ 0 赞/ 227 阅读

相关 background & background-image & border-image

background & background-image & border-image https://developer.mozilla.org/en-US/docs

亦凉/ 2021年11月04日 23:14/ 0 赞/ 321 阅读

相关 Flutter Image

阅读：[图片加载原理与缓存][Link 1] 1. Image是一组合容器，将“图片”的来源（ImageProvider）与绘制（RawImage）组合起来展示图片。 2.

短命女/ 2021年10月13日 04:19/ 0 赞/ 263 阅读

相关 flutter 图片组件Image、圆角组件ClipOval、裁剪矩形组件ClipRect、本地静态图片ImageIcon

Image: 加载网络图片: Image.network( "路径', height:n, w

浅浅的花香味﹌/ 2021年07月24日 22:21/ 0 赞/ 543 阅读

相关 flutter图片（ image）缩放效果

这里的缩放模式跟Android里面的图片的缩放模式还是相差不大的，可能更多的是类别少了一些吧，下面是image缩放模式的详细介绍，在谷歌官方所获取到的。

怼烎@/ 2021年06月30日 13:01/ 0 赞/ 832 阅读

相关 tf.image.convert_image_dtype 注意

image: 3-D Tensor of image. If dtype is tf.float32 then the range should be [0, 1], o...

叁歲伎倆/ 2021年05月19日 15:20/ 0 赞/ 416 阅读