一、概念
flutter开发中,图片的引用是必不可少的,所以为了提高效率和精准度,我们需要对不同分辨率的手机使用相对应的切图图片,本章介绍如何进行图片分辨率适配和图片批量拓展处理。
二、图片分辨率适配
flutter中会首先根据系统的devicePixelRatio(每一个逻辑像素包含多少个原始像素,可以通过MediaQueryData.devicePixelRatio来得到)来找对应倍数的文件夹下的图片,如果没有对应倍数,找最接近的。
所以在flutter项目中,我们需要构建对应的倍数像素文件夹
之后再pubspec.yaml中,配置assets文件后就可以使用了(如使用"assets/images/jay.png",会自动适配该像素下最接近的jay图片)。
三、图片批量拓展处理
使用flutter-img-sync插件批量化处理,具体操作如下
可以参照作者的详细步骤描述进行处理,点击项目地址查看详细信息(PS:作者介绍步骤中的输入自定义图片预览的端口操作,可输入本地的端口号,也可以随便输一个端口号,如8080即可)。
目前还不能处理gif、webp等格式的图片,而且如果和上边介绍的不同像素比适配方案一起使用的话,由于进行了精准定位,所以指定图片后就不能进行像素适配,这是目前还存在的较大问题,所以目前两者方案只能暂时取一使用。