Flutter资产中的多分辨率背景图片

时间:2019-03-04 03:21:02

标签: android flutter background-image assets

在Android中,我们有各种dpi可绘制文件夹,因此我们根据分辨率在其中添加背景图片。与iOS一样,我们会根据屏幕大小添加1x,2x和3x。但是我们如何在Flutter资产中添加多分辨率图像?

例如:

Android

drawable-hdpi
 - login_background.jpeg
drawable-mdpi
 - login_background.jpeg
drawable-xhdpi
 - login_background.jpeg
drawable-xxhdpi
 - login_background.jpeg
drawable-xxxdpi
 - login_background.jpeg

我们如何在抖动中添加多个可绘制对象以支持多种屏幕尺寸而无需图像拉伸或缩放?

2 个答案:

答案 0 :(得分:8)

Flutter定义类似于ios的比率,例如,您可以在ldpi图像的资产/图像下创建一个名为0.75x的文件夹。其他密度如下

ForEach

See documentation here

答案 1 :(得分:1)

Flutter如何处理多分辨率图像here

基本上可以归结为:

  

AssetImage了解如何将逻辑请求的资产映射到与当前设备像素比率最接近的资产。为了使此映射起作用,应根据特定的目录结构安排资产:(...)

一个例子:

.../my_icon.png
.../2.0x/my_icon.png
.../3.0x/my_icon.png