Android登录界面软键盘适配

共 3275字,需浏览 7分钟

 ·

2021-06-22 12:53

一、软键盘属性


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>




1、 adjustNothing

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


2、adjustPan


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



3、adjustResize

在测试界面下,adjustResize和adjustNothing的效果是一样的


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

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



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


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




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



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


那么怎么样才能同时使背景图片和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>

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


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


到这里就结束啦~
浏览 126
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报