Flutter extended_image库设置内存缓存区大小与缓存图片数

 

 

ExtendedImage

`ExtendedImage` 是一个Flutter库,用于提供高级图片加载和显示功能。这个库使用了 `image` 包来进行图片的加载和缓存。如果你想修改缓存大小,你可以通过修改`ImageCache`的配置来实现。

1. 获取`ImageCache`实例:
   你可以通过`PaintingBinding.instance.imageCache`获取到全局的`ImageCache`实例。

2. 修改缓存配置:
   你可以通过修改`maximumSize`和`maximumSizeBytes`属性来调整缓存的数量和大小。

   - `maximumSize`: 缓存中最多可以存储的图片数量。
   - `maximumSizeBytes`: 缓存中图片总占用的最大字节数。

例如,如果你想将图片缓存的最大数量设置为100张,并且最大字节数设置为350MB,你可以这样做:

void main() {
  Global.init().then((_) => runApp(const MyApp()));
  //扩大imageCache的缓存
  PaintingBinding.instance.imageCache.maximumSize = 100;
  PaintingBinding.instance.imageCache.maximumSizeBytes = 350 << 20;  // 350MB

}

在`main`函数中进行设置确保在应用启动时就进行了配置。

注意:增加缓存大小会增加应用占用的内存,可能导致性能问题,特别是在内存有限的设备上。所以在调整这些设置时要谨慎,确保根据你的应用需求和目标设备的硬件规格来进行适当的配置。

使用上述方法设置全局的imageCache缓存逻辑,不设置的情况下,默认maximumSizeBytes 为100MB。默认100M在多张750宽高的图片列表中很快会回收掉划出屏幕的图片,用户超快速滑动时不够用。实测调整至350M左右开始效果明显改善。

maximumSizeBytes与磁盘缓存区大小的关系

`maximumSizeBytes` 设置的是 Flutter 的 `ImageCache` 对内存中的图片缓存所占用的最大字节大小。这个参数并不影响磁盘上的缓存大小。

在 Flutter 中,`ImageCache` 通常用于存储加载过的图片,以便快速再次访问。这些图片存储在应用的内存中,而不是磁盘上。当应用尝试加载新的图片时,`ImageCache` 会首先检查图片是否已经在缓存中。如果是,就可以直接从内存中加载图片,而无需再次从网络或磁盘加载,从而提高了性能。

设置 `maximumSizeBytes` 的目的是为了防止应用占用过多的内存来存储图片,特别是在加载大量或高分辨率图片的应用中。一旦缓存的大小超过了这个限制,`ImageCache` 就会根据一定的策略(如最近最少使用(LRU)策略)开始淘汰一些图片,释放内存。

如果你需要设置磁盘缓存的大小,你需要使用 Flutter 的网络库(如 `dio` 或 `http`)结合一个磁盘缓存库(如 `flutter_cache_manager`)来实现。这通常涉及到将下载的文件保存到设备的文件系统,并在需要时从那里加载它们。

在原生Android Glide库对于缓存的配置情况

Glide 默认使用的是 `InternalCacheDiskCacheFactory`,这个工厂会为 Glide 创建一个内部磁盘缓存,缓存的图片位于应用的内部存储空间中。默认情况下,Glide 会为其磁盘缓存分配 250 MB 的空间。

缓存大小的计算逻辑大致如下:

1. 内存缓存:Glide 会使用应用可用内存的一定比例来作为内存缓存。默认情况下,Glide 使用 `LruBitmapPool` 和 `LruResourceCache`,并且默认分配的大小基于 `MemorySizeCalculator` 类计算得出。`MemorySizeCalculator` 会考虑设备的可用内存和屏幕分辨率。

2. 磁盘缓存:对于磁盘缓存,默认情况下 Glide 使用 `InternalCacheDiskCacheFactory`,并分配 250 MB 的空间。这个值是在 `DiskLruCacheWrapper` 类中定义的。

如果你想要自定义这些缓存大小,你可以创建一个自定义的 `GlideModule`,并在 `applyOptions` 方法中使用 `MemorySizeCalculator.Builder` 来设置不同的内存缓存大小,以及使用 `InternalCacheDiskCacheFactory` 或 `ExternalPreferredCacheDiskCacheFactory` 来设置不同的磁盘缓存大小。

例如:

@Override
public void applyOptions(@NonNull Context context, @NonNull GlideBuilder builder) {
    MemorySizeCalculator calculator = new MemorySizeCalculator.Builder(context)
        .setMemoryCacheScreens(2)
        .setBitmapPoolScreens(3)
        .build();
    builder.setMemorySizeCalculator(calculator);
    builder.setDiskCache(new InternalCacheDiskCacheFactory(context, 100 * 1024 * 1024));
}

在这个示例中,内存缓存大小被设置为屏幕大小的两倍,位图池大小被设置为屏幕大小的三倍,磁盘缓存大小被设置为 100 MB。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter Zoomable Image 是一个用于 Flutter 应用程序的,它提供了一个可缩放和拖动的图像小部件。使用 Flutter Zoomable Image,您可以轻松地实现图像的缩放、拖动和捏放手势操作。这对于创建具有可交互性的图像查看器和画廊等应用程序非常有用。 要使用 Flutter Zoomable Image,您需要在项目的 `pubspec.yaml` 文件中添加依赖项,并运行 `flutter packages get` 命令来获取。 以下是一个简单的示例代码,演示了如何在 Flutter 中使用 Zoomable Image: ```dart import 'package:flutter/material.dart'; import 'package:flutter_zoomable_image/flutter_zoomable_image.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Zoomable Image Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(), ); } } class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Zoomable Image Demo'), ), body: Center( child: ZoomableImage( AssetImage('path/to/your/image.jpg'), placeholder: Center(child: CircularProgressIndicator()), backgroundColor: Colors.black, ), ), ); } } ``` 在上面的示例中,我们创建了一个简单的 Flutter 应用程序,其中包含一个使用 ZoomableImage 小部件的页面。ZoomableImage 接受一个 AssetImage 对象作为图像源,并提供了一些可选参,例如 placeholder(用于在图像加载期间显示的小部件)和 backgroundColor(用于设置图像背景色)。 您可以根据自己的需求定制 Zoomable Image 的样式和行为。要了解更多关于 Flutter Zoomable Image 的信息和用法,请参考官方文档或的 GitHub 页面。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值