Android软键盘-弹起时布局向上拉-登录界面

本文参照Android 模仿QQ登录界面解决软键盘遮挡问题进行整理修正
Android软键盘系列：

Android软键盘-弹起时布局向上拉-多表单填写界面
Android软键盘-弹起时布局向上拉-登录界面
Android软键盘-显示隐藏软键盘
demo in github

场景：登录界面，当Edittext聚集时，软键盘弹出, 软键盘会遮住登录按钮：
实现前：

image.png

实现后：

image.png

在我另外一篇关于Android软键盘的文章中，我们提到使用windowsoftinputmode属性可以解决部分软键盘遮住控件的问题，如果对windowsoftinputmode属性还不了解，请先跳转到 Android软键盘-弹起时布局向上拉-多表单填写界面了解清楚。
在这个场景中，单纯使用windowsoftinputmode明显无法解决问题。

Step1

设置windowsoftinputmode=adjustResize;
可以在清单文件在设置，也可以在代码中设置，此处不再详述。

Step2

监听Activity中contentview（android.R.id.content）的宽高变化，相当于监听软键盘是弹起还是收起。
使用到的事件是：

 View content = activity.findViewById(android.R.id.content); content.getViewTreeObserver().addOnGlobalLayoutListener(onGlobalLayoutListener);

Step3

计算出弹出的软键盘顶部距屏幕底部的高度，和登录按钮底部距屏幕底部的高度，两者相减得出一个高度差offset。当小键盘弹出时，使登录按钮，Edittext和图片控件的共同的父控件向上上移offset就可以。
监听软键盘代码被封装成一个类，可以适用相似的情况：

import android.app.Activity;import android.content.pm.ActivityInfo;import android.graphics.Rect;import android.util.Log;import android.view.View;import android.view.ViewTreeObserver;import android.view.WindowManager;/** * Created by matth on 2018/6/12. */public class KeyBoardHelper {    private Activity activity;    private OnKeyBoardStatusChangeListener onKeyBoardStatusChangeListener;    private int screenHeight;    // 空白高度 = 屏幕高度 - 当前 Activity 的可见区域的高度    // 当 blankHeight 不为 0 即为软键盘高度。    private int blankHeight = 0;    public KeyBoardHelper(Activity activity) {        this.activity = activity;        screenHeight = activity.getResources().getDisplayMetrics().heightPixels;        activity.getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);        if (activity.getRequestedOrientation() != ActivityInfo.SCREEN_ORIENTATION_PORTRAIT) {            activity.setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);        }    }    public void onCreate() {        View content = activity.findViewById(android.R.id.content);        content.getViewTreeObserver().addOnGlobalLayoutListener(onGlobalLayoutListener);    }    public void onDestory() {        View content = activity.findViewById(android.R.id.content);        content.getViewTreeObserver().removeOnGlobalLayoutListener(onGlobalLayoutListener);    }    private ViewTreeObserver.OnGlobalLayoutListener onGlobalLayoutListener = new ViewTreeObserver.OnGlobalLayoutListener() {        @Override        public void onGlobalLayout() {            Rect rect = new Rect();            activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(rect);            int newBlankheight = screenHeight - rect.bottom;            if (newBlankheight != blankHeight) {                if(newBlankheight==0){                    // keyboard close                    if (onKeyBoardStatusChangeListener != null) {                        onKeyBoardStatusChangeListener.OnKeyBoardClose(blankHeight);                    }                }else{                    // keyboard pop                    if (onKeyBoardStatusChangeListener != null) {                        onKeyBoardStatusChangeListener.OnKeyBoardPop(newBlankheight);                    }                }            }            blankHeight = newBlankheight;        }    };    public void setOnKeyBoardStatusChangeListener(            OnKeyBoardStatusChangeListener onKeyBoardStatusChangeListener) {        this.onKeyBoardStatusChangeListener = onKeyBoardStatusChangeListener;    }    public interface OnKeyBoardStatusChangeListener {        void OnKeyBoardPop(int keyBoardheight);        void OnKeyBoardClose(int oldKeyBoardheight);    }}

布局代码如下：

Activity代码：

import android.os.Bundle;import android.support.annotation.Nullable;import android.support.v7.app.AppCompatActivity;import android.util.Log;import android.view.View;import android.view.ViewGroup;/** * Created by matth on 2018/6/12. */public class LoginActivity1 extends AppCompatActivity {    private int screenHeight;    private View layout_content;    private View layout_bottom;    private int bottomHeight;    private KeyBoardHelper boardHelper;    @Override    protected void onCreate(@Nullable Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_login1);        layout_content = findViewById(R.id.layout_content);        layout_bottom = findViewById(R.id.layout_bottom);        boardHelper = new KeyBoardHelper(this);        boardHelper.onCreate();        boardHelper.setOnKeyBoardStatusChangeListener(onKeyBoardStatusChangeListener);        layout_bottom.post(new Runnable() {            @Override            public void run() {                bottomHeight = layout_bottom.getHeight();                Log.i("vlog","=================bottomHeight:"+bottomHeight);            }        });    }    private KeyBoardHelper.OnKeyBoardStatusChangeListener onKeyBoardStatusChangeListener = new KeyBoardHelper.OnKeyBoardStatusChangeListener() {        @Override        public void OnKeyBoardPop(int keyBoardheight) {            final int height = keyBoardheight;            if (bottomHeight > height) {                layout_bottom.setVisibility(View.GONE);            } else {                int offset = bottomHeight - height;                final ViewGroup.MarginLayoutParams lp = (ViewGroup.MarginLayoutParams) layout_content                        .getLayoutParams();                //当offset为负数时，layout_content向上移                lp.topMargin = offset;                layout_content.setLayoutParams(lp);            }        }        @Override        public void OnKeyBoardClose(int oldKeyBoardheight) {            if (View.VISIBLE != layout_bottom.getVisibility()) {                layout_bottom.setVisibility(View.VISIBLE);            }            final ViewGroup.MarginLayoutParams lp = (ViewGroup.MarginLayoutParams) layout_content                    .getLayoutParams();            if (lp.topMargin != 0) {                lp.topMargin = 0;                layout_content.setLayoutParams(lp);            }        }    };    @Override    protected void onDestroy() {        super.onDestroy();        boardHelper.onDestory();    }}

坑1

原文Android 模仿QQ登录界面解决软键盘遮挡问题中的KeyBoardHelper类存在一个bug：两个Edittext的inputtype都是text，如果将其中一个改成password，程序就会出现bug.
本文代码已经修正了这个bug，具体如何修正，不详述。

坑2

本demo中Edittext, login button, Imageview的父控件的Id为layout_content

            ...........

不可以给layout_content设置 android:layout_centerInParent="true" 之类的属性。
因为demo中是通过设置ayout_content的marginTop值来实现使ayout_content上移的效果的（
当marginTop的值为负数时，控件上移）。

更多相关文章

随机推荐