如何在颤动资源中添加/管理多个图像尺寸/分辨率

Question

请以最简单/最短的方式提供帮助

希望在 Android studio 中管理 flutter 中的多个图像，例如 hdpi/mdpi...

如何为 Flutter 添加图像资源？那么多个分辨率呢？

Answer 1

声明分辨率感知图像资源\n来源 - https://flutter.dev/docs/development/ui/assets-and-images#resolution-aware

\n\n

\n

AssetImage 了解如何将逻辑请求的资源映射到最接近当前设备像素比的资源。为了使此映射发挥作用，资产应根据特定的目录结构进行排列：

\n\n

content_copy\n  .../image.png\n  .../Mx/image.png\n  .../Nx/image.png\n  ...etc.\n

\n\n

\xe2\x80\xa6，其中 M 和 N 是数字标识符，对应于其中包含的图像的标称分辨率，换句话说，它们指定图像所需的设备像素比。

\n\n

假定主要资产对应于 1.0 的分辨率。例如，请考虑名为 my_icon.png 的图像的以下资源布局：

\n\n

content_copy\n  .../my_icon.png\n  .../2.0x/my_icon.png\n  .../3.0x/my_icon.png\n

\n\n

在设备像素比为 1.8 的设备上，将选择 asset\n .../2.0x/my_icon.png。对于 2.7 的设备像素比，\n 将选择资源 .../3.0x/my_icon.png。

\n\n

如果未在图像小部件上指定渲染图像的宽度和高度，则使用标称分辨率来缩放资源，以便其占据与主资源相同的屏幕空间，只是分辨率更高。也就是说，如果 .../my_icon.png\n 是 72px x 72px，那么 .../3.0x/my_icon.png 应该是 216px x 216px；\n 但它们都将渲染为 72px x 72px（以逻辑像素为单位） ) 如果\n 未指定宽度和高度。

\n\n

pubspec.yaml 资产部分中的每个条目都应对应于真实文件，但主资产条目除外。如果主资源条目与真实文件不对应，则具有最低分辨率的资源将用作设备像素比低于该分辨率的设备的后备资源。不过，该条目仍应包含在 pubspec.yaml 清单中。

\n

\n