Android培训---支持不同的屏幕

本文译自:http://developer.android.com/training/basics/supporting-devices/screens.html

Android使用通常使用两个属性来对设备的屏幕进行分类:尺寸和密度。你应该设想安装你的应用程序的设备屏幕的尺寸和密度的范围。如,你应该包含一些可选的资源,来优化你的应用程序在不同尺寸和密度屏幕上的显示外观。

1. 四种一般性的尺寸:small、normal、large、xlarge

2. 四种一般性的密度:low(ldpi)、medium(mdpi)、high(hdpi)、extra high(xhdpi)

对于不同的屏幕所使用的布局和位图,你必须把它放到独立的目录中,类似于多语言支持。

还要注意屏幕方向(横屏或竖屏)给屏幕尺寸所带来的变化,因此很多应用程序需要修改布局,以便优化在每个方向中的用户体验。

创建不同的布局

要优化在不同屏幕尺寸上的用户体验,你应该给每种要支持的屏幕尺寸创意一个唯一的布局XML文件。每种布局文件都应该保存在其对应的资源目录中,目录名称要用_<screen_size>作为后缀。例如,针对大屏幕的唯一布局应该被保存在res/layout_large/目录下。

注意:为了正确的填充屏幕,Android会自动缩放你的布局。这样,不同屏幕尺寸的布局就不必担心UI元素的绝对尺寸,而是要关注影响用户体验的布局结构(如重要的View相对与兄弟View的尺寸或位置)

例如,包含默认布局和针对large屏幕的可选布局的项目:

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

注意:Android3.2以后,支持一种先进的定义屏幕尺寸的方法,它允许你使用基于密度无关的像素术语中的宽度和高度来给屏幕尺寸指定资源。本节课不包含这项新技术,更多信息,请阅读:Designing for Multiple Screens.

创建不同的位图

你应该始终给每种一般性密度提供正确缩放的位图资源:low、medium、high和extra-high。这有助于在所有屏幕密度上都获得良好的图形质量和性能。

要生成这些图片,你应该用矢量格式的原始资源,并且按照以下缩放比来生成每种密度下的图片:

1. xhdpi:2.0

2. hdpi:1.5

3. mdpi:1.0(基线)

4. ldpi:0.5

这意味着,如果要给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资源,系统都会基于屏幕的密度来选择对应的位图。

注意:ldpi资源不总是必要的。在你提供hdpi资源时,系统会把它们缩小一半来填充ldpi屏幕。

有关给应用程序创建图标资产的提示和指南,请看Iconography design guide.

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值