Android：复杂的UI设计_Android_Android Layout_User Interface_Android Ui

Android：复杂的UI设计

android android-layout user-interface

Android：复杂的UI设计,android,android-layout,user-interface,android-ui,Android,Android Layout,User Interface,Android Ui,我必须使用此屏幕制作Android应用程序，它将是现有iOS应用程序的Android版本：您可以看到，有几个图像、按钮和文本标签位于彼此非常特定的位置问题是安卓设备的屏幕大小和尺寸千差万别。如何在不同的屏幕上保持元素的相对大小以这张照片为例，我可以计算屏幕宽度和圆半径的比率。然而，如何在Android屏幕众多的情况下保持这一比例您必须为应用程序创建多个资源。Android有4种分辨率ldpi、mdpi、hdpi和xhdpi，以及4种通用屏幕大小—小、中、大和超大。因此，如果你不打算支持

我必须使用此屏幕制作Android应用程序，它将是现有iOS应用程序的Android版本：

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

问题是安卓设备的屏幕大小和尺寸千差万别。如何在不同的屏幕上保持元素的相对大小

以这张照片为例，我可以计算屏幕宽度和圆半径的比率。然而，如何在Android屏幕众多的情况下保持这一比例

您必须为应用程序创建多个资源。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将根据设备自动选择布局和图像的最佳组合。例如，对于高分辨率中等尺寸设备，将向用户显示布局中等和高密度图像

确保为所有这些组合创建模拟器，并彻底测试应用程序。以下是官方文件以了解更多信息：

对于测量单位，您可以使用与密度无关的像素dp或dip，以稳定的方式在多个分辨率之间保持相对高度、距离等。