Android UI 设计：支持多屏

Question

我已经多次阅读本教程SUPPORTING MULTIPLE SCREENS 以及许多关于Design Android UIs to fit well with all android screen sizes 的stackoverflow 问题。

但仍在努力为所有屏幕尺寸平等地提供最佳和相同的用户体验。

当我设计接口时，始终牢记下图。

目前在我的应用程序中，它使用 res 文件夹下的以下文件夹结构。

在定义尺寸时，我还在 xml 布局文件中使用了 dp 和 sp 单位。

小屏幕尺寸

当涉及到小屏幕尺寸时，它完全参考layout-small 下定义的 UI，并且显示没有任何问题。

正常屏幕尺寸

当我为正常屏幕尺寸(layout folder) 设计布局时，我使用3.5 inches android 设备和3.7 inches 模拟器来测试UI 在正常屏幕尺寸下的外观。

所以我的布局在这个尺寸下看起来很棒，但三星 Gallaxy S3 (4.8 inches) 和 S4 (5.0 inches) 的屏幕稍大一些，它们仍然参考正常屏幕尺寸的布局。因此，在那些较大的屏幕中，底部留有相当大的空间未使用，UI 看起来不太好。

另外在清单文件中，我定义了以下内容，

<uses-sdk
    android:minSdkVersion="4"
    android:targetSdkVersion="17" />

<supports-screens 
    android:largeScreens="true" 
    android:normalScreens="true" 
    android:smallScreens="true" 
    android:anyDensity="true" />

我对图像密度没有任何问题(drawable-hdpi/drawable-xhdpi/drawable-mdpi/drawable-ldpi)

(1)。想知道我错过了什么或做错了什么，特别是在更大的屏幕（4.8 英寸）中参考正常布局。

(2). 另外，如果有人能解释最佳实践和在Res 文件夹下定义文件夹结构的标准方法，以适应android 中的所有屏幕尺寸，将不胜感激这太令人困惑了。谢谢。

Answer 1

您可以使用与屏幕尺寸相关的the sdp size unit，而不是使用 dp 尺寸单位。

使用the sdp size unit，您将在所有屏幕尺寸上获得相同的用户体验，只需一个布局xml。

谨慎使用！例如，在大多数情况下，您仍然需要为平板电脑设计不同的布局。

文本视图大小请参考the ssp size unit（基于sp大小单位）

Answer 2

您可以使用以下资源文件夹为大屏幕设备创建布局：

7寸平板
res\layout-sw600dp

10寸平板
res\layout-sw720dp

Answer 3

如果指定到那个极端非常重要，那么有一个方便的文件夹命名工具，那就是链接。前任。 layout-w480dp-normal 的屏幕尺寸至少为 480dp 的宽度，属于 normal 类别。注意：我没有必要为这么详细的要求进行开发，但是根据链接的源代码，它应该可以正常工作。

Source

Make sure to follow these rules

Answer 4

对于多屏支持：

1. 移动：创建不同的值文件夹，如下所述：

values                     (For mdpi devices)
values-hdpi                (For hdpi devices)
values-xhdpi               (For xhdpi devices)
values-xxhdpi              (For xxhdpi devices)

1. 平板电脑：创建不同的布局文件夹，如下所述：

layout-sw600dp             (For 7″ to 9″ Screen)
layout-sw720dp             (For 10″ to above screen)

对于图片资源： 创建 4 个可绘制文件夹：

drawable-mdpi
drawable-hdpi
drawable-xhdpi
drawable-xxhdpi

Answer 5

为不同的屏幕创建不同的布局。

res/layout-large/

res/layout-sw600dp/

ldpi (low) ~120dpi
mdpi (medium) ~160dpi
hdpi (high) ~240dpi
xhdpi (extra-high) ~320dpi
xxhdpi (extra-extra-high) ~480dpi
xxxhdpi (extra-extra-extra-high) ~640dpi

查找android UI设计示例和教程：http://www.viralandroid.com/2015/11/android-user-interface-ui-design-tutorial.html

Answer 6

广义密度。

A set of six generalized densities:
ldpi (low) ~120dpi
mdpi (medium) ~160dpi
hdpi (high) ~240dpi
xhdpi (extra-high) ~320dpi
xxhdpi (extra-extra-high) ~480dpi
xxxhdpi (extra-extra-extra-high) ~640dpi

只需为不同的图像定义文件夹，例如：

drawable-large-xhdpi: copy (drawable-xxhdpi images)
drawable-xlarge-xhdpi: copy (drawable-xxxhdpi images)
drawable-xxhdpi: 1080x1920 slicing
drawable-xxxhdpi : 1440x25601 slicing

在清单中添加支持多种屏幕尺寸的支持。

 <supports-screens
        android:anyDensity="true"
        android:largeScreens="true"
        android:normalScreens="true"
        android:resizeable="true"
        android:smallScreens="true"
        android:xlargeScreens="true" />