Android屏幕适配

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

翻译:誶賥輾_iamavenwu@gmail.com

完成时间:2012-07-13

Supporting Different Screens

Android用两种常规属性来分类设备屏幕:尺寸和像素密度。作为开发者,你应当预料到你的android应用程序将会被安装到不同屏幕尺寸和像素密度的设备上。因此,你的应用应当包含可选的资源来优化应用外观,以便支持上述不同尺寸和像素密度的设备。

  • * 有四种广义的尺寸:small, normal, large, xlarge。
  • * 同样也有四种广义的像素密度:low (ldpi), medium (mdpi), high (hdpi), extra high (xhdpi)。

为了声明用于不同屏幕的不同layouts布局和bitmaps资源,你必须把这些可选的资源文件分别放在不同的目录,这一点类似于你在国际化时不同语言strings的操作。

同时要注意屏幕的方向(landscape or portrait)也被认为是一种屏幕尺寸的变化,所以大多数应用都应该修改layout布局来提高用户在不同屏幕方向上的体验。

创建不同的Layout布局文件-Create Different Layouts

为了提高在不同设备屏幕上的用户体验,你应当为每一种你想要支持的屏幕尺寸创建一个独有的XML布局文件。每一布局文件应当存放到恰当的资源目录下,该目录以屏幕尺寸-作为后缀。例如,一个用于大屏幕的布局文件应当放在res/layout-large/目录下面。

注:Android会自动缩放你的布局以便适配屏幕。这样,用于不同屏幕的布局文件就不必过多考虑UI元素的绝对大小,相反应当关注于布局的结构,这将直接影响用户体验(比如重要view视图的大小或位置应当相对于同级view视图)。

例如,下面的项目包含了一个默认的layout和一个可选的用于大屏幕的layout目录:

1
2
3
4
5
6
MyProject/
    res/
        layout/
            main.xml
        layout-large/
            main.xml

目录中的布局文件名必须保持一致,但是它们的内容可以不同,以便提供优化的UI来支持相对应的屏幕尺寸。

像往常一样在app中简单地获得layout布局文件的引用:

1
2
3
4
5
@Override
 protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.main);
 }

Android系统将根据你的app应用所运行设备的屏幕尺寸从适当的layout目录加载布局文件。更多关于Android系统如何选择适当的资源文件可以在 Providing Resources | 资源提供 - Providing Resources 指导中获取。
下面是另外一个案例,在这个项目中使用了可选的横向布局来支持横向屏幕:

1
2
3
4
5
6
MyProject/
    res/
        layout/
            main.xml
        layout-land/
            main.xml

缺省情况下,layout/main.xml文件是垂直方向布局的。

如果你想提供一个特殊的横向布局,比如支持大屏幕,你需要同时使用large和land来修饰。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
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

注:*Android 3.2 及以上版本支持一种更好的方法来定义屏幕尺寸,它允许我们在与密度无关的像素情况下通过最小宽度和高度来为不同屏幕指定资源在。本章节中我们没有涉及该新特性。如果想获得更多相关信息,请阅读Designing for Multiple Screens | 多屏幕适配设计 - Designing for Multiple Screens

创建不同的Bitmaps资源-Create Different Bitmaps

你应当为所有广义像素密度中的每一种都提供已经缩放好的适当的bitmap资源:低low, 中medium, 高high以及特高extra-high像素密度。这将使你的应用在所有分辨率的设备上都获得优良的图形质量和呈现效果。

为了生成这些图片资源,你应当以矢量图的格式来制作原始图片资源,然后根据下面的缩放尺寸生成每一种分辨率的图片:

  • 特高分辨率xhdpi: 2.0
  • 高分辨率hdpi: 1.5
  • 中分辨率mdpi: 1.0 (基准)
  • 低分辨率ldpi: 0.75

这意味着如果你要为特高分辨率设备生成一张200x200的图片,那么你需要为高分辨率设备生成150x150,中分辨率设备生成100x100,低分辨率设备生成75x75的图片。
然后把这些文件放置到恰当的资源目录:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
MyProject/
    res/
        drawable-xhdpi/
            awesomeimage.png
        drawable-hdpi/
            awesomeimage.png
        drawable-mdpi/
            awesomeimage.png
        drawable-ldpi/
            awesomeimage.png

以后在你引用@drawable/awesomeimage时,系统将根据设备的分辨率自动选择适当的图片资源。

注:低分辨率(ldpi)的资源并不总是必需的。当你提供高分辨率资源时,系统将把它们对半缩放来适配低分辨率设备。

获取更多关于创建应用图标的技巧和设计指导,可以查看Iconography design guide|图标设计指南-Iconography design guide。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值