软键盘弹出布局上移

一、摘要

     公司登录功能让实现弹出软键盘，布局滑动效果使得将登录按钮顶上去，网上查了很多资料，大部分都是添加adjustPan | stateVisible 的属性，但是问题是我的界面效果没什么效果，它只是弹出到输入框的底部，离想要的效果还有很大差异。也有的网友说直接用LinearLayout 的权重 + ScrollView 来实现，但是效果也是不太理想。

二、功能实现

     实现登录页面软键盘顶起功能，主要用了：

     1）ScrollView + LinearLayout 权重效果；

     2）设置需要顶起的控件，然后计算向上滑动距离。

三、布局

      主要实现：使用ScrollView 作为最外层的控件，在布局中使用LinearLayout 的权重效果进行界面的实现

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/scrollView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <RelativeLayout
        android:id="@+id/rl_login_bg"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white_ffffff">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/login_bg"
            android:fitsSystemWindows="true"
            android:scaleType="fitCenter"></ImageView>

        <LinearLayout
            android:id="@+id/ll_content"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:paddingBottom="45dp"
                android:paddingTop="80dp">

                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:scaleType="fitCenter"
                    android:src="@drawable/logo_shb" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical"
                android:paddingTop="70dp">

                <android.support.design.widget.TabLayout
                    android:id="@+id/tl_login_type"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginLeft="27dp"
                    android:layout_marginRight="27dp"
                    app:tabGravity="fill"
                    app:tabIndicatorColor="@color/blue_01e2e6"
                    app:tabIndicatorHeight="2dp"
                    app:tabMode="fixed"
                    app:tabSelectedTextColor="@color/blue_01e2e6"
                    app:tabTextAppearance="@style/CustomTabTextAppearanceStyle"
                    app:tabTextColor="@color/gray_666666"
                    app:theme="@style/Widget.Design.TabLayout">

                    <android.support.design.widget.TabItem
                        android:id="@+id/tabitem_commen"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:fadingEdge="none"
                        android:text="@string/login_convinent" />

                    <android.support.design.widget.TabItem
                        android:id="@+id/tabitem_convinent"
                        android:layout_width="match_parent"
                        android:layout_height="match_parent"
                        android:fadingEdge="none"
                        android:text="@string/login_commen" />
                </android.support.design.widget.TabLayout>
              
                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <android.support.v4.view.ViewPager
                        android:id="@+id/vp_login"
                        android:layout_width="match_parent"
                        android:layout_height="270dp"
                        android:layout_marginTop="20dp"></android.support.v4.view.ViewPager>

                    <LinearLayout
                        android:id="@+id/ll_empty"
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_marginTop="270dp"
                        android:orientation="horizontal"></LinearLayout>
                </RelativeLayout>


            </LinearLayout>


        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_back"
            android:layout_width="30dp"
            android:layout_height="62dp">

            <ImageView
                android:id="@+id/iv_back"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="15dp"
                android:layout_marginTop="32dp"
                android:src="@drawable/back_white" />
        </LinearLayout>

    </RelativeLayout>
</ScrollView>

四、实现软键盘弹出布局的滑动

      测量软键盘弹出的时候布局滑动的距离。

LayoutUtil.controlKeyboardLayout(rlLoginBg, llEmpty);

public class LayoutUtil {

    public static void controlKeyboardLayout(final View root, final View scrollToView) {
        root.getViewTreeObserver().addOnGlobalLayoutListener(
                new ViewTreeObserver.OnGlobalLayoutListener() {
                    @Override
                    public void onGlobalLayout() {
                        Rect rect = new Rect();
                        root.getWindowVisibleDisplayFrame(rect);
                        int rootInvisibleHeight = root.getRootView()
                                .getHeight() - rect.bottom;
                        if (rootInvisibleHeight > 100) {
                            int[] location = new int[2];
                            scrollToView.getLocationInWindow(location);
                            int srollHeight = (location[1] + scrollToView
                                    .getHeight()) - rect.bottom;
                            root.scrollTo(0, srollHeight);
                        } else {
                            root.scrollTo(0, 0);
                        }
                    }
                });

    }

}

五、总结

       目前我的界面软件顶起登录按钮用这种方式实现了，缺少一个点都无法实现，布局顶起的效果是实现了，但是目前我的登录有快捷登录效果，验证码倒计时存在界面闪动问题，目前还在解决中，希望哪位有好的解决方法可以分享下。