Android软键盘-弹起时布局向上拉-多表单填写界面

2018-06-12  本文已影响0人  Matt_Kill

Android软键盘系列:

场景:多表单填写界面。即界面上有很多Edittext垂直排列,如下图:

image
如果什么都没有做处理,点击第五个EditText的时候,小键盘就会遮住第六个第七个EditText. 并且toolbar也会不见。
image
现在我们需要引入一个概念:windowSoftInputMode
它总共有9种状态,官方给的9种状态的解释大概如下:
【1】stateUnspecified:软键盘的状态并没有指定,系统将选择一个合适的状态或依赖于主题的设置
【2】stateUnchanged:当这个activity出现时,软键盘将一直保持在上一个activity里的状态,无论是隐藏还是显示
【3】stateHidden:用户选择activity时,软键盘总是被隐藏
【4】stateAlwaysHidden:当该Activity主窗口获取焦点时,软键盘也总是被隐藏的
【5】stateVisible:软键盘通常是可见的
【6】stateAlwaysVisible:用户选择activity时,软键盘总是显示的状态
【7】adjustUnspecified:默认设置,通常由系统自行决定是隐藏还是显示
【8】adjustResize :该Activity总是调整屏幕的大小以便留出软键盘的空间
【9】adjustPan:当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分
本文只主要分析adjustResizeadjustPan
adjustPan
Activity 窗口(DecorView) 大小不变。当获取到焦点的 EditText 位于屏幕下方,软键盘弹出会遮挡到 EditText 时,整个 DecorView 会往上移动,至于上移多少并不确定。一般是上移至使 EditText 刚好不被软键盘遮挡住为止。
1763656-c3af69028193d406 (1).png
adjustResize
顾名思义,这种模式会自动调整大小。通过 hierarchy View 观察,decorView 大小本身并不会改变,但是我们的内容区 contentView (id = android.R.content) 会相应的缩小,为键盘的显示挪出空间。contentView 的下面为空白区域,软键盘就是覆盖在这个区域。
注意:adjustResize 只是调整 contentView 的大小,所以还是有可能覆盖掉 EditText。
1763656-a3ecaec3c0289865.png
如何使用windowSoftInputMode
这个非常简单,可以在 AndroidManifest.xml 也可以在 java 代码中指定。
在 xml 中使用
<activity
     android:name=".MainActivity"
     android:label="@string/app_name" 
     android:windowSoftInputMode="adjustPan">
     <intent-filter>
         <action android:name="android.intent.action.MAIN" />

         <category android:name="android.intent.category.LAUNCHER" />
     </intent-filter>
 </activity>

在 java 中使用

public class MainActivity extends Activity {
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);
    }
}

尝试

为了更好地了解windowSoftInputMode,建议分别单独做以下几个尝试,看看其中的区别:

结论

本文只给出结论,正确的解答是:
设置windowSoftInputMode="adjustResize",用ScrollView包裹住所有的Edittext。

注意

当Activity被设置成全屏显示时,设置windowSoftInputMode属性则会失去效果

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,  WindowManager.LayoutParams.FLAG_FULLSCREEN);
上一篇下一篇

猜你喜欢

热点阅读