android - Android：复杂的UI设计

Question

我必须用这个屏幕制作 Android 应用程序（它将是现有 iOS 应用程序的 Android 版本）：

您可以看到有几个图像、按钮和文本标签位于非常特定的位置。

问题是 Android 设备的屏幕尺寸和尺寸非常不同。如何在不同的屏幕上保持元素的相对大小？

以这张图为例，我可以计算，例如，屏幕宽度与圆半径的比值。但是，如何在众多的 Android 屏幕上保持这个比例呢？

Answer 1

您必须为您的应用程序创建多个资源。Android 有 4 种分辨率（ldpi、mdpi、hdpi 和 xhdpi）和 4 种通用屏幕尺寸（小、中、大和特大）。因此，您必须制作 4 种布局（如果您不打算支持平板电脑，则需要 3 种布局，因为平板电脑属于超大类别）以支持屏幕尺寸。

这是一个一般指南：

将小、中、大和特大的布局放在 res/ 文件夹中，如下所示：

res/layout/sample_layout.xml             // default layout
res/layout-small/sample_layout.xml       // layout for small screen size
res/layout-large/sample_layout.xml       // layout for large screen size
res/layout-xlarge/sample_layout.xml      // layout for extra large screen size

你也可以使用

res/layout-land/sample_layout.xml适用于所有屏幕尺寸的横向，或者您可以将特定屏幕尺寸的横向布局定位为res/layout-medium-land/sample_layout.xml

请注意，所有布局都具有相同的名称。

准备好布局后，还需要注意图像分辨率

再次在您的 res/ 文件夹中添加如下图像：

res/drawable-ldpi/sample_image.png         // low density
res/drawable-mdpi/sample_image.png         // medium density
res/drawable-hdpi/sample_image.png         // high density
res/drawable-xhdpi/sample_image.png        // extra high density

再一次，所有图像都具有相同的名称。

设计图像的一般准则是：

ldpi is 0.75x dimensions of mdpi
hdpi is 1.5x dimensions of mdpi
xhdpi is 2x dimensinons of mdpi

通常，我为 320x480 屏幕设计 mdpi 图像，然后按照上述规则将尺寸相乘以获得其他分辨率的图像。

Android 将根据设备自动选择布局和图像的最佳组合。例如，对于高分辨率中等尺寸设备，将向用户显示布局中等和高密度的图像。

确保为所有这些组合创建模拟器并彻底测试您的应用程序。这是官方文档以获取更多信息：

https://developer.android.com/guide/practices/screens_support.html

对于测量单位，您可以使用density independent pixels (dp or dip)它将在多个分辨率下以稳定的方式保持您的相对高度、距离等。