1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > Android软键盘遮挡问题解决

Android软键盘遮挡问题解决

时间:2024-04-03 05:07:41

相关推荐

Android软键盘遮挡问题解决

在开发登录界面时,在点击某个EditText准备输入时,弹出的软键盘遮挡了按钮或者下面的输入框,在完成这个文本框的输入后,想要继续下面的操作,需要先隐藏软键盘。这会影响用户操作的流畅感,所以需要解决。在尝试了网上的几种处理方法后,最终选择了一种比较满意的方式。

下面先给一个图,来讲解下问题所在:

这个图中有四个场景:

第一个场景,是没有弹出软键盘的登录界面,可以看出所有view都正常展示出来了;

第二个场景,弹出了软键盘,此时,下面的密码输入框、登录按钮都被遮挡了;

第三个场景,弹出了软键盘,输入了一个字母,此时,软键盘又增长了一部分,但是用户名输入框也上移了,并没有被遮盖。不同的手机的软键盘不同,我是在华为手机上遇到这种情况,在解决遮挡问题时也要考虑这个场景;

第四个场景,是我们的目标,弹出了软键盘,原来的视图整体上移了,显示出来我们要操作的view。

下面说下解决软键盘遮盖问题的过程:

首先,是希望Android系统有自带的属性,一设置就搞定问题的。

搜索了下,都是说使用WindowSoftInputMode属性,设置为”adjustPan|stateHidden”或者”adjustResize|stateHidden”,经过测试,这种设置对我的布局没有效果,基本与不设置的默认效果相同。软键盘正好在编辑的EditText的下面,会遮挡登录按钮。

第二种方法,是使用ScrollView:

在整体布局的外面加一个ScrollView,在文本框的onTouch监听动作中,滚动整个视图。

实测问题:

1,监听到onTouch动作后,进行滚动整个视图操作,需要延时才有效。

原因:onTouch时,软键盘还没有弹出,此时滚动到底部与不滚动是一样的效果。需要等软键盘弹出后,界面中的内容超过了一屏幕,此时的滚动才有效。

2,这个延时时间是多少?

不同手机的延时时间不一致,好的手机100ms就可以了,慢的手机延时500ms也不一定每次都有效果。

3,延时带来的问题:

若延时超过300ms,人眼就能感觉出来了:先是软键盘弹出,然后才是视图滚动。用户会感觉有些奇怪:为什么要动作两次呢?

这种方案,可以凑合使用了,可是,我们要做优雅的开发者,继续寻找!

第三种方法:监听布局变化;

既然使用延时不是一个优雅的方案,那么,滚动视图的最好的时间,当然是在布局变化的时刻。

这里,可以使用OnGlobalLayoutListener来实现。我们来学习下:

OnGlobalLayoutListener 是ViewTreeObserver的内部类,当一个视图树的布局发生改变时,可以被ViewTreeObserver监听到,这是一个注册监听视图树的观察者(observer),在视图树的全局事件改变时得到通知。

总结为简单一句话:使用OnGlobalLayoutListener可以监听到布局的变化。

监听到布局变化后,我们就可以自由的操作了:

可以外包一个ScrollView来进行滚动,使用一个

scrollView.fullScroll(ScrollView.FOCUS_DOWN)

来滚动到底部。

不过,不使用ScrollView也能进行滚动的,例如LinearLayout也是可以滚动的,你还不知道吧,其实,我也是才知道:最基础的View就有个ScrollTo()函数的。

好了,基础知识准备好了,剩下就是滚动的距离计算了,我们这样来计算:

通过窗体的根View求出总的区域和可视区域,这样就可以计算出被遮挡的区域的高度,如果超过一定的值就判断为软键盘弹出了,然后将根View ScrollTo到一个位置,将被遮挡的View展示出来。

这里还有个要注意的地方,就是ScrollTo的参数,先看看函数原型:

public void scrollTo(int x, int y)

两个参数x、y,是要滚动到位置的坐标,注意,它们是绝对坐标。

而我们计算滚动距离的时候,是计算的相对滚动距离。还记得上面的场景2与场景3么,点击输入框,滚动视图,进入场景2,然后点击一个字母,进入场景3,此时,就是一个比较小的相对滚动距离。后面,我们在代码中也有相应注释,要注意理解下哦。

下面是贴代码的时间了,先展示我的布局xml:

<LinearLayout xmlns:android="/apk/res/android"android:id="@+id/ll_loginView"android:layout_width="fill_parent"android:layout_height="fill_parent"android:background="#FAFAFA"android:orientation="vertical" ><ImageView android:layout_width="fill_parent"android:layout_height="350dp"android:background="#8fE095"android:scaleType="centerInside"android:src="@drawable/logo" /><View android:layout_width="match_parent"android:layout_height="5dp"android:focusable="true"android:focusableInTouchMode="true" /><LinearLayout android:layout_width="fill_parent"android:layout_height="300dp"android:orientation="vertical" ><EditText android:id="@+id/userName"android:layout_width="fill_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:hint="请输入用户名"android:inputType="text"android:maxLength="18"android:paddingBottom="10dip"android:singleLine="true"android:textColor="#808080"android:text=""android:textSize="18sp" /><EditText android:id="@+id/userPwd"android:layout_width="fill_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:hint="请输入密码"android:inputType="numberPassword"android:maxLength="20"android:paddingBottom="10dip"android:singleLine="true"android:textColor="#808080"android:text=""android:textSize="18sp" ></EditText><LinearLayout android:id="@+id/layout03"android:layout_width="fill_parent" android:layout_height="wrap_content"android:layout_marginTop="10dp" android:orientation="horizontal"><CheckBoxandroid:id="@+id/login_check"android:layout_width="wrap_content"android:layout_height="wrap_content" android:checked="true"/><TextViewandroid:id="@+id/rememberPwd"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="记住用户名"android:textColor="#808080"android:textSize="15sp" /></LinearLayout><Button android:id="@+id/btn_login"android:layout_width="300dp"android:layout_height="50dp"android:layout_gravity="center_horizontal"android:layout_marginTop="40dp"android:background="@drawable/login_buton"android:gravity="center"android:text="立 即 登 录"android:textColor="@android:color/background_light" /></LinearLayout></LinearLayout>

然后是主Activity:

package com.example.loginTest;import android.app.Activity;import android.graphics.Rect;import android.os.Bundle;import android.view.View;import android.view.ViewTreeObserver;import android.view.Window;import android.widget.Button;import android.widget.LinearLayout;import com.example.loginTest.R;public class MainActivity extends Activity {private Button btn_login;private LinearLayout ll_loginView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);requestWindowFeature(Window.FEATURE_NO_TITLE);setContentView(R.layout.activity_main);btn_login = (Button) findViewById(R.id.btn_login);ll_loginView = (LinearLayout) findViewById(R.id.ll_loginView );autoScrollView(ll_loginView, btn_login);//弹出软键盘时滚动视图 } /*** @param root 最外层的View* @param scrollToView 不想被遮挡的View,会移动到这个Veiw的可见位置*/private int scrollToPosition=0;private void autoScrollView(final View root, final View scrollToView) {root.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {@Overridepublic void onGlobalLayout() {Rect rect = new Rect();//获取root在窗体的可视区域root.getWindowVisibleDisplayFrame(rect);//获取root在窗体的不可视区域高度(被遮挡的高度)int rootInvisibleHeight = root.getRootView().getHeight() - rect.bottom;//若不可视区域高度大于150,则键盘显示if (rootInvisibleHeight > 150) {//获取scrollToView在窗体的坐标,location[0]为x坐标,location[1]为y坐标int[] location = new int[2]; scrollToView.getLocationInWindow(location);//计算root滚动高度,使scrollToView在可见区域的底部int scrollHeight = (location[1] + scrollToView.getHeight()) - rect.bottom;//注意,scrollHeight是一个相对移动距离,而scrollToPosition是一个绝对移动距离scrollToPosition += scrollHeight;} else {//键盘隐藏scrollToPosition = 0; }root.scrollTo(0, scrollToPosition);}});} }

demo代码下载地址:

/detail/lintax/9694929

PS:虽然使用上了Android Studio,但是家里电脑确实太慢了,所以demo还是一个Eclipse工程。

参考:

/yqichang/article/details/11705235

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。