Flutter学习笔记flutter

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

2019-07-26  本文已影响0人  王俏

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会根据屏幕分辨率自动加载对应的图片

上一篇下一篇

猜你喜欢

热点阅读