Flutter下不同分辨率图片的加载

Android不同像素密度的图片和Flutter的像素比率的对应关系

ldpi  0.75x

mdpi  1.0x

hdpi  1.5x

xhdpi 2.0x

xxhdpi  3.0x

xxxhdpi 4.0x

对不同分辨率的图片Flutter的处理方式:

如果想把图片资源放在images文件夹中,那么把图片(1.0x)放置到images文件夹中,并把其他分辨率的图片放在对应的子文件夹中,并接上合适的比例系数

images/my_icon.png

images/2.0x/my_icon.png

images/3.0x/my_icon.png

在pubspec.yaml中声明时:

assets:

-images/my_icon.png

使用时

AssetImage("imanges/my_icon.png")

Image.asset("images/my_icon.png")

Flutter会根据屏幕分辨率自动加载对应的图片



作者:王俏
链接:https://www.jianshu.com/p/7b072de6bdfc
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

上一篇:vue引入阿里巴巴icon


下一篇:python:使用 PythonMagick 生成 icon 图标