【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

你可能感兴趣的:(developer)