Android:复杂的UI设计

Question

我必须使用此屏幕制作 Android 应用程序(它将是现有 iOS 应用程序的 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

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

准备好布局后，您还需要注 Intent 像分辨率

再次在您的 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

对于测量单位，您可以使用密度独立像素(dp 或 dip)，这将以稳定的方式在多种分辨率下保持您的相对高度、距离等。