一、概念
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
网友评论