Android—登录界面软键盘适配

一、软键盘属性

1. 属性介绍

软键盘的交互属性通过android:windowSoftInputMode设置，该属性的设置主要包含两个方面。
第1：在当前Activity获取焦点时软键盘是隐藏还是可见。属性如下：

属性	说明
stateAlwaysHidden	一直隐藏软键盘
stateAlwaysVisible	打开Activity即显示软键盘
stateHidden	默认隐藏，EditText获取焦点时显示
stateVisible	默认显示
stateUnchanged
stateUnspecified

第2：是否根据软键盘的显示调整主窗口的尺寸或平移主窗口。

属性	说明
adjustNothing	不调整主窗口，直接覆盖
adjustPan	如果焦点位置距离屏幕底部距离小于软键盘高度，则把整个布局顶上去到焦点位置，不压缩多余空间，否则同adjustNothing
adjustResize	重新分配多余空间，保证输入内容不会被输入法覆盖，值得注意的是：全屏状态下，adjustResize属性会被忽略
adjustUnspecified	由系统决定(默认配置)

2. 属性应用示例

下面来看在各个属性下软键盘弹出的表现，测试时主要集中在第2类属性，第1类属性均使用stateHidden，也就是刚进入界面时软键盘默认隐藏，当EditText获得焦点时弹出软键盘。
测试所使用的页面如下，其根布局是一个<LinearLayout>。

test.png

1. adjustNothing
可以发现软键盘弹出之后直接覆盖在了原布局之上，如果EditText上方的布局高度较大的话，软键盘就会将EditText覆盖住，导致用户无法看到输入框里的内容。

test_adjustNothing.png

2. adjustPan
在测试界面下，EditText到底部的距离小于软键盘的高度，当软键盘弹出时，整体的布局被顶起来以便显示获取焦点的EditText。此时上方的背景图会出现显示不全的情况。

test_adjustPan.png

3. adjustResize
在测试界面下，adjustResize和adjustNothing的效果是一样的。

test_adjustResize.png

再看下adjustResize的说明，该属性下会重新分配多余空间，来显示获得焦点的EditText。而这里使用的测试界面根布局是线性布局，视图之间的间隔使用margin特定的值，不存在多余空间供分配。

现在尝试将界面的根布局改为<ScrollView>。弹出软键盘后的效果如下。点击EditText后，ScrollView会滚动调整当前显示的区域，使获得焦点的EditText正常显示，这时又和adjustPan相似。

test_adjustResize2.png

二、登录界面软键盘解决方案

来看这样一种场景：有个登录界面，该界面顶部有图或者有背景图片。但是EditText位于界面偏下方，如果将软键盘覆盖在上面，那么EditText获取焦点时是不可见的。该界面如下所示。

experiment1.png

下面来为该界面适配软键盘，首先将键盘的属性设置为adjustPan，效果如下。此时背景图已经顶出屏幕边缘，导致背景图显示不完整。

experiment1_adjustPan.png

将键盘属性改为adjustResize时效果如下，由于不存在多余的空间可供分配，效果和adjustNothing相同，软键盘直接覆盖在了原布局上。

experiment1_adjustResize.png

那么怎么样才能同时使背景图片和EditText显示完整呢？
我们平时隔开布局一般使用margin属性，这时View之间的间距都是固定的，即使设置adjustResize属性，也不存在多余的空间可供分配。而如果使用weight来表示间隔，那么在软键盘弹出之后，整体的布局高度缩减，weight的空间又会被重新分配。

现将Activity布局文件修改如下，根布局使用<ScrollView>并设置android:fillViewport="true"，这样其内部的控件就会实现match_parent的效果。

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    ......
    android:orientation="vertical"
    android:fillViewport="true">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">
        <ImageView
            ....../>
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="vertical">
            <View
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="登录之后即可进行操作"/>
            <View
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1"/>
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
        </LinearLayout>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="login"/>
    </LinearLayout>

</ScrollView>

该布局下的界面如下所示。

experiment1_common.png

弹出软键盘后的效果如下所示，由于软键盘占据了一定的高度，整体界面的高度减小，可供weight所分配的空间就减小了，这就是adjustResize的作用。

experiment1_resize.png