美文网首页
CachedNetworkImage 图片大小策略(图片最大化)

CachedNetworkImage 图片大小策略(图片最大化)

作者: popesa | 来源:发表于2021-11-16 17:03 被阅读0次

CachedNetworkImage可以通过fit属性调整图片大小策略,fit属性是枚举类型BoxFit。
BoxFit枚举值有如下几个:


  // 填充到目标组件,可能会扭曲图片原有比例。
  fill,

  // 在目标组件内部尽可能大,同时仍然包含着完整的源图片。
  contain,

  // 尽可能小,同时还能覆盖整个目标组件。
  // 如果需要修剪内容,使用 `clipBehavior: Clip.hardEdge`。
  cover,

  // 确定显示源图片的全部宽度,不管高度会不会溢出。
  fitWidth,

  // 跟fitWidth是一对。
  fitHeight,

  // 在目标框内对齐源(默认情况下,居中),并丢弃位于框外的源的任何部分。
  // 不会调整源图片的大小
  none,

  // 将源与目标框对齐(默认情况下,居中),如果有必要,将源向下缩放,以确保源与框匹配。
  // 这与'包含'是一样的,如果那会缩小图像,否则与' none '效果相同。
  scaleDown,

如果是想要图片在不溢出的前提下,保持原有比例放大到最大,那使用contain就可以了。

相关文章

  • CachedNetworkImage 图片大小策略(图片最大化)

    CachedNetworkImage可以通过fit属性调整图片大小策略,fit属性是枚举类型BoxFit。BoxF...

  • 基础模块封装 -- 图片加载

    一、图片加载管理类 二、图片加载封装类 三、图片大小封装类 四、内存缓存策略类 五、磁盘缓存策略类 六、图片加载回调类

  • flutter 加载gif图片

    flutter 显示动态GIF图片: CachedNetworkImage(imageUrl: avatar ??...

  • 多媒体编程

    多媒体编程 文字、图片、音频、视频 计算图片大小 加载大图片 图片大小的计算图片大小=图片总像素*每个像素的大小b...

  • Flutter 图片无法缓存

    问题:使用CachedNetworkImage加载网络图片时, 图片无法缓存, 离屏后重新显示就会重新加载 解决:...

  • 关于图片压缩

    #pragma mark -将图片大小压缩在1.5M以下 //图片大小压缩 -(NSData *)compress...

  • Python PIL.Image基本方法:画布大小修改、拉伸、旋

    读取图片 修改图片大小:图片不变形 修改图片大小:拉伸、放大缩小 旋转 明暗 保存图片 PIL.Image 转nu...

  • 7.2.1 图像处理函数

    读取图片,显示图片 调整图片大小 tf.image.resize_images 函数调整图片大小。第一个参数是原始...

  • android笔记-多媒体编程

    多媒体概念(了解) 文字、图片、音频、视频 计算机图片大小的计算(掌握) 图片大小 = 图片的总像素 * 每个像素...

  • 微信公众平台自记

    图片方面 图片大小:图片大小在300kb以下 图片数量:适当控制图片数量,做到图文结合 正文配图:与文章接近的图片...

网友评论

      本文标题:CachedNetworkImage 图片大小策略(图片最大化)

      本文链接:https://www.haomeiwen.com/subject/mkihtrtx.html