Flutter 如何在颤振资源中添加/管理多个图像大小/分辨率

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是与标称值相对应的数

请用最简单/最短的方法帮助

希望管理多个像hdpi/mdpi一样的颤振图像。。。在安卓工作室


如何为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");
}
有关更多详细信息,请参阅。

您是否阅读了-?