您的位置:首页 > 移动开发 > Android开发

Android 支持不同屏幕的方法

2013-11-08 13:14 183 查看
本文将告诉你如何让你的布局能适用不同屏幕方法

一: 大体概况如下:

1 让你的布局能充分自适用屏幕。

2 根据屏幕的配置来加载不同的UI布局。

3 确保正确的布局应用到正确的屏幕上面。

4 提供可供屏幕大小来伸缩的图片,也就是.9图片之类的。

适用“wrap-content”或者“match-content” 用"wrap_content"和"match_parent"来确定它的宽和高。如果你使用“wrap-content”,相应视图的宽和高就会被设定成刚好能够包含视图中内容的最小值。而如果你使用了“match-content”,就会让视图的宽和高延伸至充满整个父布局。

二: 尽可能的使用Relative-layout布局文件来绘出自己UI布局文件。

三:使用Size限定符

虽然使用以上几种方式可以解决屏幕适配性的问题,但是那些通过伸缩控件来适应各种不同屏幕大小的布局,未必就是提供了最好的用户体验。你的应用程序应该不仅仅实现了可自适应的布局,还应该提供一些方案根据屏幕的配置来加载不同的布局,可以通过配置限定符(configuration
qualifiers
)来实现。配置限定符允许程序在运行时根据当前设备的配置自动加载合适的资源(比如为不同尺寸屏幕设计不同的布局)。

现在有很多的应用程序为了支持大屏设备,都会实现“two pane”模式(程序会在左侧的面板上展示一个包含子项List,在右侧面板上展示内容)。平板和电视设备的屏幕都很大,足够同时显示两个面板,而手机屏幕一次只能显示一个面板,两个面板需要分开显示。所以为了实现这种布局,你可能需要以下文件不同的布局文件。

single-pane(默认)布局:

[html] view
plaincopy

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="match_parent"

android:layout_height="match_parent">

<fragment android:id="@+id/headlines"

android:layout_height="fill_parent"

android:name="com.example.android.newsreader.HeadlinesFragment"

android:layout_width="match_parent" />

</LinearLayout>

res/layout-large/main.xml,two-pane布局:

[html] view
plaincopy

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="horizontal">

<fragment android:id="@+id/headlines"

android:layout_height="fill_parent"

android:name="com.example.android.newsreader.HeadlinesFragment"

android:layout_width="400dp"

android:layout_marginRight="10dp"/>

<fragment android:id="@+id/article"

android:layout_height="fill_parent"

android:name="com.example.android.newsreader.ArticleFragment"

android:layout_width="fill_parent" />

</LinearLayout>

请注意第二个布局的目录名中包含了large限定符,那些被定义为大屏的设备(比如7寸以上的平板)会自动加载此布局,而小屏设备会加载另一个默认的布局

四:使用Smallest-width限定符

使用Size限定符有一个问题会让很多程序员感到头疼,large到底是指多大呢?很多应用程序都希望能够更自由地为不同屏幕设备加载不同的布局,不管它们是不是被系统认定为"large"。这就是Android为什么在3.2以后引入了"Smallest-width"限定符。
Smallest-width限定符允许你设定一个具体的最小值(以dp为单位)来指定屏幕。例如,7寸的平板最小宽度600dp所以如果你想让你的UI在这种屏幕上显示two pane,在更小的屏幕上显示single pane,你可以使用sw600dp来表示你想在600dp以上宽度的屏幕上使用two
pane模式。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: