如何创建支持不同屏幕尺寸的Android应用

移动开发 Android
Android用两种常规属性来分类设备屏幕:尺寸和像素密度。作为开发者,你应当预料到你的android应用程序将会被安装到不同屏幕尺寸和像素密度的设备上。

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. MyProject/ 
  2.     res/ 
  3.         layout/ 
  4.             main.xml 
  5.         layout-large/ 
  6.             main.xml 
  7.   

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

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

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

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

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

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

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

  1. MyProject/ 
  2.     res/ 
  3.         layout/              # default (portrait) 
  4.             main.xml 
  5.         layout-land/         # landscape 
  6.             main.xml 
  7.         layout-large/        # large (portrait) 
  8.             main.xml 
  9.         layout-large-land/   # large landscape 
  10.             main.xml 
  11.   

注:*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. MyProject/ 
  2.     res/ 
  3.         drawable-xhdpi/ 
  4.             awesomeimage.png 
  5.         drawable-hdpi/ 
  6.             awesomeimage.png 
  7.         drawable-mdpi/ 
  8.             awesomeimage.png 
  9.         drawable-ldpi/ 
  10.             awesomeimage.png 
  11.   

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

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

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

责任编辑:张叶青 来源: eoe Android开发者社区
相关推荐

2015-03-20 10:34:16

用户体验应用设计

2016-12-28 10:23:33

Android适配难题

2018-12-03 16:00:22

Linux屏幕设置壁纸

2014-04-16 13:31:27

AndroidFragment多屏幕支持

2011-09-16 16:22:45

Android应用DXHome

2012-04-14 21:11:46

iPhone 5

2010-01-27 15:29:25

Android屏幕大小

2011-10-11 10:10:57

2012-08-03 08:30:38

Andoird用户界面设置字体大小

2013-07-30 15:24:53

App应用体验

2023-10-08 15:23:09

侧获取屏幕DPI鸿蒙

2011-09-07 13:06:04

Android Wid

2014-10-21 15:26:37

Material DeAndroid应用

2011-06-07 09:15:35

参数设置屏幕UI设计

2024-05-10 08:23:44

Android屏幕截图方法

2024-09-06 10:46:04

2014-08-08 14:46:25

手机型号屏幕尺寸

2012-05-10 09:34:27

TV

2013-05-22 09:49:36

2011-03-03 14:23:42

BlackBerry
点赞
收藏

51CTO技术栈公众号