适用于不同屏幕尺寸和不同密度的 Android UI（布局 + 资源）

Question

首先，我已经在 SO 上看到了所有可用的答案，但无法完全了解我想问的问题，因此我在这里写这个问题，它也可能对其他人有所帮助。 p>

我所知道的

为了支持多个密度，我们应该考虑以下几点，在可绘制文件夹中提供不同的资源（图像），

ldpi    :  0.75x
mdpi    :  1x
hdpi    :  1.5x
xhdpi   :  2x
xxhdpi  :  3x
xxxhdpi :  4x

例如，如果我们在 mdpi 中有一个大小为 100X100 px 的图像，那么其他密度的图标大小将是，

ldpi    :   75X75 px
mdpi    :   100X100 px
hdpi    :   150X150 px
xhdpi   :   200X200 px
xxhdpi  :   300X300 px
xxxhdpi :   400X400 px

我的问题：

1. 由于一个密度中可以有多个屏幕分辨率，那么在设计图标时假设 mdpi 应该考虑哪个分辨率？假设设计师在 Photoshop 中创建屏幕，然后将图标剪掉，那么应该考虑 mdpi 的屏幕分辨率是多少？

2. 将在所有具有相同密度的屏幕分辨率上显示相同的图像。例如，我们在 hdpi 中有 480X600 到 1920X1200 的分辨率，那么这两种分辨率会显示相同的图像吗？ 1920X1200分辨率比480X600会不会显得小？

3. 如果我们想要设计一个适合所有屏幕尺寸的自定义背景图像怎么办？同样的方法应该是什么？假设我们要为hdpi设计一个背景图片，那么我们应该为哪个分辨率设计呢？ （480X600 或 1920X1200）。我认为它不适合所有屏幕尺寸。

4. 使设计独立于分辨率的更好方法应该是什么？

5. 这里的设计师所做的是，选择一个分辨率，以该分辨率设计整个应用程序屏幕，剪切/切片 psd 以获得图标。但是这种方式设计变得依赖于分辨率，它在其他分辨率的其他屏幕上效果不佳。实现独立屏幕分辨率的最佳方式应该是什么。

任何机构都知道为 Android 创建独立于分辨率的 UI 的良好解决方案吗？

谢谢。

Answer 1

根据我的经验，我学到的是，

1. 电话

   hdpi - 480 x 800
   xhdpi - 768 x 1280
   xxhdpi - 1080 x 1920
   xxxhdpi - 1440 x 2560
   

   表格 大 mdpi - 600 x 1024 xlarge-mdpi - 800 x 1280

2. 为平板电脑设计不同的切口。

3. 为您想要支持的所有分辨率创建它。
4. 为每个类别获取最著名的分辨率的抠图。
5. 从每个类别中获取一种分辨率的剪切图，并为平板电脑获取不同的剪切图。

Answer 2

在这里，我将回答您的前 3 个问题。见下文：

1. 为 mdpi 设计图标，您应该考虑 320x480 mdpi 分辨率作为基本标准。据此，您可以针对不同的屏幕分辨率调整图像大小。

2. 如果您将 mdpi 视为您的 UI 基线，那么您需要根据 0.75x : 1x : 1.5x : 2x : 3x : 4x 这个场景/标准来调整图像大小。

3. 设计背景图片，需要 480x800 hdpi 图片尺寸。因为大多数 hdpi 设备都在 480x800 这个尺寸上。