Android輸入法彈出時覆蓋輸入框問題

安卓開發 · 發表 2018-09-25 12:56:00

摘要：本文來自網易雲社群作者：孫有軍當一個activity 中含有輸入框時，我們點選輸入框，會彈出輸入法介面，整個介面的變化效果與manifest 中對應設定的android :windowSoftInputMode 屬性有關，一般可以設定的值如下，...

本文來自網易雲社群

作者：孫有軍

當一個activity 中含有輸入框時，我們點選輸入框，會彈出輸入法介面，整個介面的變化效果與manifest 中對應設定的android :windowSoftInputMode 屬性有關，一般可以設定的值如下，

<activity android:windowSoftInputMode=["stateUnspecified","stateUnchanged”, 
"stateHidden",
"stateAlwaysHidden”, 
"stateVisible","stateAlwaysVisible”, 
"adjustUnspecified",
"adjustResize”, 
"adjustPan"] …… >

具體怎麼設定可以檢視官方文件。今天主要解決當輸入法彈出時會覆蓋輸入框的問題。

什麼情況會覆蓋？

當android的應用中如果一個activity設定了全屏屬性Theme.Light.NotittleBar.Fullscreen或者設定了activity對應的主題中android:windowTranslucentStatus屬性，設定方式為：`<item name="android:windowTranslucentStatus">true</item>`，這是如果對應的頁面上含有輸入框，將會導致點選輸入框時軟鍵盤彈出後鍵盤覆蓋輸入框，導致輸入框看不見。

為什麼？

這其實是因為在全屏時，adjustResize屬性已經失效了，該問題是系統的一個bug，[參考連結](http://code.google.com/p/android/issues/detail?id=5497)。adjustResize不生效，那有沒有其他方法來解決吶？ 這時我們可以設定adjust屬性為adjustPan屬性，該屬性不會失效，但是由於adjustPan會將頁面整體平移，以留出輸入法空間，會有一個抖動的效果，體驗很差，哪有沒有體驗效果更好的方法吶？

解決方案：

如果跟佈局採用FrameLayout，則可以複寫一個自定義FrameLayout，同時設定FrameLayout的android:fitsSystemWindows屬性為true。xml設定如下

<com.sample.ui.widget.InsetFrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true”>

我們自定義該FrameLayout為InsetFrameLayout，InsetFrameLayout 程式碼如下：

public final class InsetFrameLayout extends FrameLayout {private int[] mInsets = new int[4];public InsetFrameLayout(Context context) {super(context);
}public InsetFrameLayout(Context context, AttributeSet attrs) {super(context, attrs);
}public InsetFrameLayout(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);
}public final int[] getInsets() {return mInsets;
}@Override
protected final boolean fitSystemWindows(Rect insets) {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {// Intentionally do not modify the bottom inset. For some reason,
// if the bottom inset is modified, window resizing stops working.

mInsets[0] = insets.left;
mInsets[1] = insets.top;
mInsets[2] = insets.right;

insets.left = 0;
insets.top = 0;
insets.right = 0;
}return super.fitSystemWindows(insets);
}@Override
public final WindowInsets onApplyWindowInsets(WindowInsets insets) {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT_WATCH) {
mInsets[0] = insets.getSystemWindowInsetLeft();
mInsets[1] = insets.getSystemWindowInsetTop();
mInsets[2] = insets.getSystemWindowInsetRight();return super.onApplyWindowInsets(insets.replaceSystemWindowInsets(0, 0, 0,
insets.getSystemWindowInsetBottom()));
} else {return insets;
}
}

}

官方解決方案：

官方其實也發現了問題，因此在android.support.design.internal下也重寫了FrameLayout來解決該問題，但是該類被標記了hide。

/*
 * Copyright (C) 2015 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */package android.support.design.internal;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Rect;import android.graphics.drawable.Drawable;import android.support.annotation.NonNull;import android.support.design.R;import android.support.v4.view.ViewCompat;import android.support.v4.view.WindowInsetsCompat;import android.util.AttributeSet;import android.view.View;import android.widget.FrameLayout;/**
 * @hide
 */public class ScrimInsetsFrameLayout extends FrameLayout {private Drawable mInsetForeground;private Rect mInsets;private Rect mTempRect = new Rect();public ScrimInsetsFrameLayout(Context context) {this(context, null);
}public ScrimInsetsFrameLayout(Context context, AttributeSet attrs) {this(context, attrs, 0);
}public ScrimInsetsFrameLayout(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);final TypedArray a = context.obtainStyledAttributes(attrs,
R.styleable.ScrimInsetsFrameLayout, defStyleAttr,
R.style.Widget_Design_ScrimInsetsFrameLayout);
mInsetForeground = a.getDrawable(R.styleable.ScrimInsetsFrameLayout_insetForeground);
a.recycle();
setWillNotDraw(true); // No need to draw until the insets are adjusted

ViewCompat.setOnApplyWindowInsetsListener(this,new android.support.v4.view.OnApplyWindowInsetsListener() {@Override
public WindowInsetsCompat onApplyWindowInsets(View v,
WindowInsetsCompat insets) {if (null == mInsets) {
mInsets = new Rect();
}
mInsets.set(insets.getSystemWindowInsetLeft(),
insets.getSystemWindowInsetTop(),
insets.getSystemWindowInsetRight(),
insets.getSystemWindowInsetBottom());
setWillNotDraw(mInsets.isEmpty() || mInsetForeground == null);
ViewCompat.postInvalidateOnAnimation(ScrimInsetsFrameLayout.this);return insets.consumeSystemWindowInsets();
}
});
}@Override
public void draw(@NonNull Canvas canvas) {super.draw(canvas);int width = getWidth();int height = getHeight();if (mInsets != null && mInsetForeground != null) {int sc = canvas.save();
canvas.translate(getScrollX(), getScrollY());// Top
mTempRect.set(0, 0, width, mInsets.top);
mInsetForeground.setBounds(mTempRect);
mInsetForeground.draw(canvas);// Bottom
mTempRect.set(0, height - mInsets.bottom, width, height);
mInsetForeground.setBounds(mTempRect);
mInsetForeground.draw(canvas);// Left
mTempRect.set(0, mInsets.top, mInsets.left, height - mInsets.bottom);
mInsetForeground.setBounds(mTempRect);
mInsetForeground.draw(canvas);// Right
mTempRect.set(width - mInsets.right, mInsets.top, width, height - mInsets.bottom);
mInsetForeground.setBounds(mTempRect);
mInsetForeground.draw(canvas);

canvas.restoreToCount(sc);
}
}@Override
protected void onAttachedToWindow() {super.onAttachedToWindow();if (mInsetForeground != null) {
mInsetForeground.setCallback(this);
}
}@Override
protected void onDetachedFromWindow() {super.onDetachedFromWindow();if (mInsetForeground != null) {
mInsetForeground.setCallback(null);
}
}

}

採用如上其中的任何一種方法就可以解決輸入法彈出後覆蓋輸入框問題。

其他問題？

在我們使用的過程中發現有使用者反饋，說只要進入我們採用該佈局的頁面就會崩潰，我們查看了崩潰日誌，發現有部分手機都使用了相同的一個安卓系統，並且版本都是19，android4.4.x,一個被重寫過的系統，該系統的程式碼載入方式被重寫了。

為什麼會崩潰？

我們程式碼使用到了WindowInsets，該類是api 20才提供的，因此19的系統中其實是沒有該程式碼的，但是該系統在xml的inflate的時候就解析了該類，導致classNotFound。

新的解決方案！

新的解決方案還是採用了上述的方式，不過會針對不同的版本寫不一樣的佈局，分別為api 20以上與20以下提供不同的佈局，這是採用系統的限定符實現的，之後20以上的原樣採用上述的方式，20以下去掉onApplyWindowInsets複寫，這樣不同的版本載入不同的程式碼就OK了。

 @Override
public final WindowInsets onApplyWindowInsets(WindowInsets insets) {if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT_WATCH) {
mInsets[0] = insets.getSystemWindowInsetLeft();
mInsets[1] = insets.getSystemWindowInsetTop();
mInsets[2] = insets.getSystemWindowInsetRight();return super.onApplyWindowInsets(insets.replaceSystemWindowInsets(0, 0, 0,
insets.getSystemWindowInsetBottom()));
} else {return insets;
}
}

總結

到此整個解決方案已經完成了，如過有更新的解決方式望大家分享。

網易雲ofollow,noindex" target="_blank"> 免費體驗館，0成本體驗20+款雲產品！

更多網易研發、產品、運營經驗分享請訪問網易雲社群。