注:本文翻译自Google官方的Android Developers Training文档,译者技术一般,由于喜爱安卓而产生了翻译的念头,纯属个人兴趣爱好。
原文链接:http://developer.android.com/training/basics/supporting-devices/screens.html
Android通过两种参数来对屏幕进行分类:屏幕尺寸和分辨率。在开发时,应该将这两个因素同时考虑进去,所以你应该将项目包含一些可选择的资源文件,使得你的应用在不同的屏幕尺寸和分辨率上都能具有最佳的体验。
为了声明你希望在不同的屏幕使用不同的布局和位图,你必须分别在不同的资源放置这些可选择使用的资源,这和你为了支持不同语言所做的工作比较类似(参见上一篇博客: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的设备生成了一幅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