黑马程序员技术交流社区

标题: Android屏幕适配解决方案（三） [打印本页]

---

作者: Android_Robot    时间: 2017-1-9 10:05
标题: Android屏幕适配解决方案（三）


尺寸（size）限定符

• 使用场景：当一款应用显示的内容较多，希望进行以下设置：
  
  
  • 在平板电脑和电视的屏幕（>7英寸）上：实施“双面板”模式以同时显示更多内容
  • 在手机较小的屏幕上：使用单面板分别显示内容
    
    

因此，可以使用尺寸限定符（layout-large）通过创建一个文件

res/layout-large/main.xml

来完成上述设定：

• 让系统在屏幕尺寸>7英寸时采用适配平板的双面板布局
• 反之（默认情况下）采用适配手机的单面板布局
  
  

文件配置如下：

• 适配手机的单面板（默认）布局：res/layout/main.xml
  [Java] 纯文本查看 复制代码

  <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>
  
  
  
  

• 适配尺寸>7寸平板的双面板布局：：res/layout-large/main.xml
  
  

[Java] 纯文本查看 复制代码

<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>

请注意：

• 两个布局名称均为main.xml，只有布局的目录名不同：第一个布局的目录名为：layout，第二个布局的目录名为：layout-large，包含了尺寸限定符（large）
• 被定义为大屏的设备(7寸以上的平板)会自动加载包含了large限定符目录的布局，而小屏设备会加载另一个默认的布局
  
  

但要注意的是，这种方式只适合Android 3.2版本之前。

最小宽度（Smallest-width）限定符

• 背景：上述提到的限定符“large”具体是指多大呢？似乎没有一个定量的指标，这便意味着可能没办法准确地根据当前设备的配置（屏幕尺寸）自动加载合适的布局资源。
• 例子：比如说large同时包含着5寸和7寸，这意味着使用“large”限定符的话我没办法实现为5寸和7寸的平板电脑分别加载不同的布局。
• 于是，在Android 3.2及之后版本，引入了最小宽度（Smallest-width）限定符。
• 定义：通过指定某个最小宽度（以 dp 为单位）来精确定位屏幕从而加载不同的UI资源
  
  

• 使用场景
  
  

       需要为标准 7 英寸平板电脑匹配双面板布局（其最小宽度为 600 dp），在手机（较小的屏幕上）匹配单面板布局

解决方案：您可以使用上文中所述的单面板和双面板这两种布局，但您应使用 sw600dp 指明双面板布局仅适用于最小宽度为 600 dp 的屏幕，而不是使用 large 尺寸限定符。

• sw xxxdp，即small width的缩写，其不区分方向，即无论是宽度还是高度，只要大于 xxxdp，就采用次此布局
• 例子：使用了layout-sw 600dp的最小宽度限定符，即无论是宽度还是高度，只要大于600dp，就采用layout-sw 600dp目录下的布局
  
  

代码展示：

• 适配手机的单面板（默认）布局：res/layout/main.xml
  [Java] 纯文本查看 复制代码

  <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>

• 适配尺寸>7寸平板的双面板布局：res/layout-sw600dp/main.xml
  
  

[Java] 纯文本查看 复制代码

<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>

• 对于最小宽度≥ 600 dp 的设备
  
  

系统会自动加载 layout-sw600dp/main.xml（双面板）布局，否则系统就会选择 layout/main.xml（单面板）布局
（这个选择过程是Android系统自动选择的）

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2