【Android Developers Training】 12. 支持不同屏幕

注：本文翻译自Google官方的Android Developers Training文档，译者技术一般，由于喜爱安卓而产生了翻译的念头，纯属个人兴趣爱好。

原文链接：http://developer.android.com/training/basics/supporting-devices/screens.html

---

Android通过两种参数来对屏幕进行分类：屏幕尺寸和分辨率。在开发时，应该将这两个因素同时考虑进去，所以你应该将项目包含一些可选择的资源文件，使得你的应用在不同的屏幕尺寸和分辨率上都能具有最佳的体验。

• 概括地来说，一共有四种尺寸：小，标准，大，超大。
• 概括地来说，一共有四种分辨率：低（ldpi），中（mdpi），高（hdpi），超高（xhdpi）

为了声明你希望在不同的屏幕使用不同的布局和位图，你必须分别在不同的资源放置这些可选择使用的资源，这和你为了支持不同语言所做的工作比较类似（参见上一篇博客：http://www.cnblogs.com/jdneo/p/3446617.html）

另外需要注意的是，屏幕的方向：横屏（landscape）或竖屏（portrait）也是一种屏幕尺寸的变化，所以许多应用为了优化用户体验，会为每一个方向调整布局。

 

一）. 创建不同的布局

为了在不同屏幕尺寸上获得最佳的用户体验，你应该为你希望支持的每一个屏幕尺寸分别创建一个XML布局文件。每一个布局应该存储在相应的资源目录中，以“-<screen_size>”作为名称后缀。例如，对应于大尺寸屏幕的的布局应该存放在“res/layout-large/”这一目录下。

Note：

Android会为了适当地适应屏幕自动调整你的布局。所以在你对应于不同屏幕尺寸的布局中，不需要担心UI元素的绝对尺寸，而应该关注影响用户体验的布局结构（比如一些重要UI元素相对于其他元素的相对尺寸和相对位置）

例如，以下项目包含一个默认布局和一个对应于大尺寸屏幕上的布局：

MyProject/
    res/
        layout/
            main.xml
        layout-large/
            main.xml

文件的名字必须完全一致，但是为了为对应尺寸的屏幕提供最优化的UI，每个文件的内容是不同的。

而在应用中，对布局文件的引用不需要改变：

@Override
 protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.main);
}

系统会根据运行该应用的设备的屏幕尺寸，从相应的目录下加载布局文件。学习Android如何选取恰当的资源，可以阅读：Providing Resources。

作为另一个例子，以下是一个包含了横屏布局的项目工程的目录结构：

MyProject/
    res/
        layout/
            main.xml
        layout-land/
            main.xml

默认地，文件“layout/main.xml”被用于竖屏。

如果你想在大屏幕设备上提供横屏布局，你需要同时用到“large”和“land”适配符：

MyProject/
    res/
        layout/              # default (portrait)
            main.xml
        layout-land/         # landscape
            main.xml
        layout-large/        # large (portrait)
            main.xml
        layout-large-land/   # large landscape
            main.xml

Note:

Android 3.2及以上版本的系统可以通过一种更高级的方法来定义屏幕尺寸，这使你可以通过dip（density-independent pixels）来特定资源相对于屏幕大小的最小宽度和高度。更多信息可以阅读：Designing for Multiple Screens

二）. 创建不同的位图

你应该为不同的分辨率密度的屏幕（低，中，高，超高）提供相应的资源文件。这可以帮助你在不同的屏幕上，获取优秀的图像质量性能表现。

为了创建这些图像，你应该使用下述的尺寸参数将原始矢量图的尺寸进行放大或缩小：

• xhdpi：2.0
• hdpi：1.5
• mdpi：1.0（基准）
• ldpi：0.75

这意味着如果你为一个xhdpi的设备生成了一幅200x200的图像，那么hdpi对应的150x150，mdpi对应的是100x100，ldpi对应的是75x75。

之后把这些文件放在相应的图像资源目录：

MyProject/
    res/
        drawable-xhdpi/
            awesomeimage.png
        drawable-hdpi/
            awesomeimage.png
        drawable-mdpi/
            awesomeimage.png
        drawable-ldpi/
            awesomeimage.png

一旦你引用了文件：“@drawable/awesomeimage”，系统会根据屏幕的规格自动地选择相应的图像文件。

Note：

ldpi的资源并不一定一直是必须的。当你提供了hdpi的资源，系统会将它缩小一半来匹配ldpi的屏幕

有关创建应用图标集的信息，可以阅读：Iconography design guide