Android屏幕适配----使用限定符

本文参考郭霖老师的<<第一行代码>>
Android屏幕适配的方式有很多技巧 , 我们这里来讲解使用限定符这种方式 , App会根据设备的分辨率或者屏幕大小来决定加载哪个布局 .

如果你经常使用平板电脑 , 应该会发现现在很多平板App都采用双页的模式 , 即程序会在左侧的面板上显示一个包含子项的列表 , 在右侧的面板上显示内容 . 因为平板电脑的屏幕足够大 , 完全可以同时显示两页的内容 , 但手机的屏幕一次只能显示一页的内容 , 因此两个页面需要分开显示 .

怎么在运行时判断程序应该使用双页模式还是单页模式呢?这就需要借助限定符(Qualifiers)来实现了.

通过一个例子来学习用法 . 新建一个MainActicity , 将其activity_main.xml文件代码设置如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
        
</LinearLayout>

接着在res目录下新建layout-large文件夹 , 在这个文件夹新建一个布局 , 也叫作activity_main.xml ,代码如下所示:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <fragment
        android:id="@+id/right_fragment"
        android:name="com.example.fragmenttest.RightFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3" />

</LinearLayout>

可以看到 , layout/activity_main布局只包含一个fragment , 即单页模式 , 而layout-large/activity_main布局包含两个fragment , 即双页模式 . 其中large就是一个限定符 , 那些屏幕被认为是large的设备就会自动加载layout-large文件夹下的布局 , 而小屏幕的设备则还是会加载layout文件夹下的布局.

我们来看一下效果

在手机上运行效果图

在平板上运行效果图

Android中一些常见的限定符可以参考下表

使用最小宽度限定符

上面的Demo有个问题 , 就是large到底是指多大呢 ? 有的时候我们希望可以更加灵活的为不同的设备加载布局 , 不管它们是不是被系统认定为large , 这时就可以使用最小宽度限定符(Smallest-widthQualifier)了.

最小宽度限定符允许我们对屏幕的宽度指定一个最小值(以dp为单位) , 然后以这个最小值为临界点 , 屏幕宽度大于这个值得设备就加载一个布局 , 屏幕宽度小于这个值得设备就加载另一个布局.

在res目录下新建layout-sw600dp文件夹 , 然后在这个文件夹下新建activity_main.xml布局 , 代码如下所示:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <fragment
        android:id="@+id/left_fragment"
        android:name="com.example.fragmenttest.LeftFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <fragment
        android:id="@+id/right_fragment"
        android:name="com.example.fragmenttest.RightFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3" />

</LinearLayout>

这就意味着 , 当程序运行在屏幕宽度大于等于600dp的设备时 , 会加载layout-sw600dp/activity-main.xml布局 , 当程序运行在屏幕宽度小于600dp的设备时 , 则加载默认的layout/activity-main.xml布局 .

如果你还想增加屏幕横竖屏的限定符 ,可以这样增加文件夹 , 并编写布局文件.
res/layout-sw600dp-land/activity_main.xml布局
res/layout-sw600dp-port/activity_main.xml布局