Flutter_图片分辨率适配及批量拓展使用

一、概念

flutter开发中,图片的引用是必不可少的,所以为了提高效率和精准度,我们需要对不同分辨率的手机使用相对应的切图图片,本章介绍如何进行图片分辨率适配图片批量拓展处理

二、图片分辨率适配

flutter中会首先根据系统的devicePixelRatio(每一个逻辑像素包含多少个原始像素,可以通过MediaQueryData.devicePixelRatio来得到)来找对应倍数的文件夹下的图片,如果没有对应倍数,找最接近的。


官网描述

所以在flutter项目中,我们需要构建对应的倍数像素文件夹


像素文件夹

之后再pubspec.yaml中,配置assets文件后就可以使用了(如使用"assets/images/jay.png",会自动适配该像素下最接近的jay图片)。

三、图片批量拓展处理

使用flutter-img-sync插件批量化处理,具体操作如下

androidstudio-play.gif

可以参照作者的详细步骤描述进行处理,点击项目地址查看详细信息(PS:作者介绍步骤中的输入自定义图片预览的端口操作,可输入本地的端口号,也可以随便输一个端口号,如8080即可)。

目前还不能处理gif、webp等格式的图片,而且如果和上边介绍的不同像素比适配方案一起使用的话,由于进行了精准定位,所以指定图片后就不能进行像素适配,这是目前还存在的较大问题,所以目前两者方案只能暂时取一使用。


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容