Flutter 如何在颤振资源中添加/管理多个图像大小/分辨率
请用最简单/最短的方法帮助 希望管理多个像hdpi/mdpi一样的颤振图像。。。在安卓工作室Flutter 如何在颤振资源中添加/管理多个图像大小/分辨率,flutter,flutter-layout,assets,image-size,image-resolution,Flutter,Flutter Layout,Assets,Image Size,Image Resolution,请用最简单/最短的方法帮助 希望管理多个像hdpi/mdpi一样的颤振图像。。。在安卓工作室 如何为Flutter包含图像资产?多分辨率如何?声明分辨率感知图像资产 来源- AssetImage了解如何将逻辑请求的资产映射到一个资产上 最接近当前设备像素比率的。为了 这种映射工作,资产应该按照 特定目录结构: content_copy .../image.png .../Mx/image.png .../Nx/image.png ...etc. …其中M和N是与标称值相对应的数
如何为Flutter包含图像资产?多分辨率如何?声明分辨率感知图像资产 来源- AssetImage了解如何将逻辑请求的资产映射到一个资产上 最接近当前设备像素比率的。为了 这种映射工作,资产应该按照 特定目录结构:
content_copy
.../image.png
.../Mx/image.png
.../Nx/image.png
...etc.
…其中M和N是与标称值相对应的数字标识符
包含在其中的图像的分辨率,换句话说,它们
指定图像要用于的设备像素比率
假设主要资产对应于1.0的分辨率。对于
例如,考虑以下图像的资产布局
my_icon.png:
content_copy
.../my_icon.png
.../2.0x/my_icon.png
.../3.0x/my_icon.png
在设备像素比为1.8的设备上,资产
…将选择/2.0x/my_icon.png。对于2.7的设备像素比,
将选择资产…/3.0x/my_icon.png
如果未在上指定渲染图像的宽度和高度
图像小部件,标称分辨率用于缩放资产以便
它将占用与主要资产相同的屏幕空间
只要有更高的分辨率。也就是说,如果…/my_icon.png
是72px乘以72px,那么…/3.0x/my_icon.png应该是216px乘以216px;
但它们都将渲染成72px乘以72px(逻辑像素),如果
未指定宽度和高度
pubspec.yaml的资产部分中的每个条目都应对应
到真实文件,但主资产条目除外。如果
主资产条目与实际文件不对应,则资产
具有最低分辨率的将用作设备的备用
设备像素比低于该分辨率。条目仍应为空
但是,必须包含在pubspec.yaml清单中
虽然iOS将图像和资产视为不同的项目,但Flatter应用程序只有资产。放置在iOS上的
Images.xcaste
文件夹中的资源被放置在用于flatter的资产文件夹中。与iOS一样,资产是任何类型的文件,而不仅仅是图像。例如,您可能在my assets
文件夹中有一个JSON文件:
my-assets/data.json
在pubspec.yaml
文件中声明资产:
assets:
- my-assets/data.json
assets:
- images/my_icon.png
然后使用以下命令从代码访问它:
接下来,在pubspec.yaml
文件中声明这些图像:
assets:
- my-assets/data.json
assets:
- images/my_icon.png
您现在可以使用AssetImage
访问图像:
return AssetImage("images/a_dot_burr.jpeg");
或者直接在图像
小部件中:
@override
Widget build(BuildContext context) {
return Image.asset("images/my_image.png");
}
有关更多详细信息,请参阅。您是否阅读了-?