沉浸式效果，键盘事件失效爬坑记

作者: 任天一 | 来源:发表于2017-09-18 16:04 被阅读765次

沉浸式效果，键盘事件失效爬坑记
EditText & 巧妙解决软件盘与沉浸式冲突
AngularJs如何绑定回车事件
Taro ios 键盘隐藏空白
沉浸式效果
fitsSystemWindows与软键盘冲突
day 11
沉浸式页面效果
July 30-day13-Python中Pygame
Android踩坑记之沉浸式StatusBar

崭新的你们，崭新的你我，坑还是那般的坑，虐我千百如初恋。

最近项目新的需求需要做沉浸式效果，看了UI妹子出的图，习惯性的嘴角倾斜45º,这不是小Case嘛，脑门一热就开始实现效果，这也是挖坑的开始。下面是效果前后对比

这是实现效果后键盘弹出后评论框不能显示的效果

按照惯例，我本以为只是简单的键盘遮挡布局或者我们的输入框问题，我们就会想到设置android:windowSoftInputMode属性，但是，但是当我们本以为很自信的时候，却发现然并卵，各种不好使，因此，本文将针对个人在开发中遇到的“软键盘遮挡输入法的问题”介绍一下

android:windowSoftInputMode属性说明 stateUnspecified 软键盘的状态并没有指定,系统将选择一个合适的状态或依赖于主题的设置 stateUnchanged 当这个activity出现时,软键盘将一直保持在上一个activity里的状态，无论是隐藏还是显示 stateHidden 用户选择activity时,软键盘总是被隐藏 stateAlwaysHidden 当该Activity主窗口获取焦点时，软键盘也总是被隐藏的 stateVisible 软键盘通常是可见的 stateAlwaysVisible 用户选择activity时,软键盘总是显示的状态 adjustUnspecified 默认设置,通常由系统自行决定是隐藏还是显示 adjustResize 该Activity总是调整屏幕的大小以便留出软键盘的空间 adjustPan 当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分 adjustNothing 不调整窗口大小或平移窗口,软键盘就默认显示,会覆盖后面内容

这个属性能影响两个事情: 它的设置必须是下面的一个值,或者”state…| adjust..”

正常情况来说,如果要防止软键盘挡住输入框如上表设置属性就能解决…

代码实现:

//adjustPan

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);

//adjustResize

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

清单文件对应节点实现:

<activity

android:name=".activity.AdjustResize_KeyboardActivity"

android:windowSoftInputMode="adjustResize"/>

<activity

android:name=".activity.AdjustPan_KeyboardActivity"

android:windowSoftInputMode="adjustPan"/>

“全屏模式”使用adjustResize无效,而且会类似adjustPan把上方布局挤出屏幕外

官方认为”全屏模式”指的是App自己接管了状态栏的控制,如使用了Fullscreen主题、使用了『状态色着色』、『沉浸式状态栏』、『Immersive Mode』等等

个人开发也有一段时间,由于很少遇到需要全屏(状态栏也隐藏)的应用,

真说有的话,那就是游戏里的,不过一旦设置Fullscreen主题一类的全屏,点击EditText输入框会跳转到一个全屏模式的输入界面,

因此这里就不作处理了,有兴趣的同学可以根据以下代码深入研究下,这里就不赘述了.

使用:(最终效果类似adjustResize)

1.把AndroidBug5497Workaround类复制到项目中

2.在需要填坑的activity的onCreate方法中添加一句AndroidBug5497Workaround.assistActivity(this)即可。

/* * @本类描述网上收集的,解决"全屏模式"下,adjustResize失效方案

@内容说明解决:1.非全屏模式下使用adjustPan无效问题

2.全屏模式下使用adjustPan和adjustResize无效问题

@补充内容有兴趣的同学可以学下里面的思路,自己写一个解决方案(*^__^*) 嘻嘻……)

* */

public class AndroidBug5497Workaround{

// For more information, see https://code.google.com/p/android/issues/detail?id=5497

// To use this class, simply invoke assistActivity() on an Activity that already has its content view set.

public static void assistActivity(Activity activity) {

new AndroidBug5497Workaround(activity);

}

private View mChildOfContent;

private int usableHeightPrevious;

private FrameLayout.LayoutParams frameLayoutParams;

private AndroidBug5497Workaround(Activity activity) {

//拿到当前XML文件的根布局

FrameLayout content = (FrameLayout) activity.findViewById(android.R.id.content);

//监听当前View的状态,进行通知回调,即"软键盘弹出""

mChildOfContent = content.getChildAt(0); mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {

public void onGlobalLayout() {

possiblyResizeChildOfContent();

} });

frameLayoutParams = (FrameLayout.LayoutParams) mChildOfContent.getLayoutParams();

}

/** * 重新设置高度 *

* 把界面高度设置为可用高度

*/

private void possiblyResizeChildOfContent() {

int usableHeightNow = computeUsableHeight();

if (usableHeightNow != usableHeightPrevious) {

// int usableHeightSansKeyboard = activity.getWindowManager().getDefaultDisplay().getHeight();//获取屏幕尺寸，不包括虚拟功能高度用这个可以完美解决

//findViewById(android.R.id.content).getMeasuredHeight() 也可以解决虚拟按键问题

int usableHeightSansKeyboard = mChildOfContent.getRootView().getHeight();

int heightDifference = usableHeightSansKeyboard - usableHeightNow;

//排除其他View引起的变化,专注软键盘变化

if (heightDifference > (usableHeightSansKeyboard / 4)) {

// keyboard probably just became visible

frameLayoutParams.height = usableHeightSansKeyboard - heightDifference;

} else {

// keyboard probably just became hidden

frameLayoutParams.height = usableHeightSansKeyboard;

}

mChildOfContent.requestLayout();

usableHeightPrevious = usableHeightNow;

}

}

/**

* 软键盘弹出后,可以显示内容的高度

* @return

*/

private int computeUsableHeight() {

Rect r = new Rect();

//这行代码能够获取到去除标题栏和被软键盘挡住的部分,所剩下的矩形区域

mChildOfContent.getWindowVisibleDisplayFrame(r);

//r.top : 标题栏的高度

//屏幕高度-r.bottom : 软键盘的高度

//可用高度(全屏模式) : rect.bottom

//可用高度(非全屏模式) : rect.bottom - rect.top

return (r.bottom - r.top);// 全屏模式下： return r.bottom

}

}