ITPub博客

首页 > 应用开发 > IT综合 > Android软键盘遮挡的四种解决方案

Android软键盘遮挡的四种解决方案

原创 IT综合 作者:qdjianghao 时间:2015-02-03 10:06:38 14 删除 编辑
一、问题概述

  在编辑框输入内容时会弹出软键盘,而手机屏幕区域有限往往会遮住输入界面,我们先看一下问题效果图:

                                       

  输入用户名和密码时,系统会弹出键盘,造成系统键盘会挡住文本框的问题,如图所示:

                                        

  输入密码时输入框被系统键盘遮挡了,大大降低了用户操作体验,这就是开发中非常常见的软键盘遮挡的问题,该如何解决?

二、简单解决方案

  方法一

  在你的activity中的oncreate中setContentView之前写上这个代码

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

  方法二

   在 项目的AndroidManifest.xml文件中界面对应的里加入

android:windowSoftInputMode="stateVisible|adjustResize" 

  这样会让屏幕整体上移。如果加上的 是 android:windowSoftInputMode="adjustPan"这样键盘就会覆盖屏幕。

关于android:windowSoftInputMode

  activity主窗口与软键盘的交互模式,可以用来避免输入法面板遮挡问题,Android1.5后的一个新特性。

  这个属性能影响两件事情:

    【一】当有焦点产生时,软键盘是隐藏还是显示

    【二】是否减少活动主窗口大小以便腾出空间放软键盘

   它的设置必须是下面列表中的一个值,或一个”state…”值加一个”adjust…”值的组合。在任一组设置多个值——多个”state…”values,例如&mdash有未定义的结果。各个值之间用|分开。

  例如:

<activity android:windowSoftInputMode="stateVisible|adjustResize". . . > 

  在这设置的值(除"stateUnspecified"和"adjustUnspecified"以外)将覆盖在主题中设置的值

各值的含义:

  【A】stateUnspecified:软键盘的状态并没有指定,系统将选择一个合适的状态或依赖于主题的设置

  【B】stateUnchanged:当这个activity出现时,软键盘将一直保持在上一个activity里的状态,无论是隐藏还是显示

  【C】stateHidden:用户选择activity时,软键盘总是被隐藏

  【D】stateAlwaysHidden:当该Activity主窗口获取焦点时,软键盘也总是被隐藏的

  【E】stateVisible:软键盘通常是可见的

  【F】stateAlwaysVisible:用户选择activity时,软键盘总是显示的状态

  【G】adjustUnspecified:默认设置,通常由系统自行决定是隐藏还是显示

  【H】adjustResize:该Activity总是调整屏幕的大小以便留出软键盘的空间

  【I】adjustPan:当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分

  方法三

  把顶级的layout替换成ScrollView,或者说在顶级的Layout上面再加一层ScrollView。这样就会把软键盘和输入框一起滚动了,软键盘会一直处于底部。

		
		
		

点击(此处)折叠或打开

  1. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
  2.  android:layout_width="fill_parent" android:layout_height="fill_parent">
  3. <LinearLayout android:layout_width="fill_parent"
  4. android:layout_height="fill_parent" android:orientation="vertical">
  5.   
  6. </LinearLayout>
  7. </ScrollView>

但这些方法虽然比较简单,但往往都有一定的局限性不是很灵活,有时达不到预期效果,大家可以试试或许也能解决你的问题,下面就教大家一种具有代码可控性的一种方法:

三、代码可控性方法

1.主界面布局文件

	
	
	

点击(此处)折叠或打开

  1. <com.jereh.overidelinearlayout.LinearLayoutView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
  2.   
  3.     android:id="@+id/login_root_layout"
  4.     android:layout_height="match_parent"
  5. android:orientation="vertical">
  6. <!—这里模仿一个登录界面-->
  7.     <LinearLayout
  8.         android:id="@+id/login_layout_logo"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="0dp"
  11.         android:layout_weight="10"
  12.         android:background="#ff0000"
  13.         android:orientation="vertical" >
  14.         <ImageView
  15.             android:id="@+id/textView1"
  16.             android:layout_width="fill_parent"
  17.             android:layout_height="fill_parent"
  18.             android:src="@drawable/login_logo"
  19.             android:scaleType="fitXY"/>
  20.     </LinearLayout>
  21.     <!—输入框和密码框-->
  22.     <LinearLayout
  23.         android:layout_width="match_parent"
  24.         android:layout_height="0dp"
  25.         android:layout_marginTop="20dp"
  26.         android:layout_weight="3"
  27.         android:orientation="vertical" >
  28.     <EditText
  29.         android:id="@+id/editText1"
  30.         android:layout_width="match_parent"
  31.         android:layout_height="wrap_content"
  32.         android:layout_alignLeft="@+id/textView1"
  33.         android:layout_alignParentBottom="true"
  34.         android:layout_gravity="center_vertical"
  35.         android:hint="用户名"
  36.         android:ems="10" >
  37.         <requestFocus />
  38.     </EditText>
  39.       
  40.     <EditText
  41.         android:id="@+id/editText1"
  42.         android:layout_width="match_parent"
  43.         android:layout_height="wrap_content"
  44.         android:layout_alignLeft="@+id/textView1"
  45.         android:layout_alignParentBottom="true"
  46.         android:layout_gravity="center_vertical"
  47.         android:hint="密码"
  48.         android:ems="10" >
  49.         <requestFocus />
  50.     </EditText>
  51.     </LinearLayout>
  52. </com.jereh.overidelinearlayout.LinearLayoutView>

  可以看出关键地方在于LinearLayoutView这个自定义组件

2.自定义LinearLayoutView

   该组件可实现根据软键盘的弹出/关闭而隐藏和显示某些区域,这是问题解决最关键部分,主要有两点:

  ① 重写onSizeChanged方法

  该方法是View生命周期的方法,当View尺寸发生变化时调用,如竖屏横屏切换、软键盘弹出。这里当软键盘弹出造成View尺寸改变,就会调用onSizeChanged方法,在该方法实现代码的核心思想是根据尺寸变化,当变大(软键盘弹出),将某些区域隐藏以给编辑界面预留出足够显示空间;当恢复(软键盘关闭),再将隐藏的区域显示出来

	
	
	

点击(此处)折叠或打开

  1. protected void onSizeChanged(int w,final int h, int oldw,final int oldh) {
  2.   
  3.             super.onSizeChanged(w, h, oldw, oldh);
  4.             uiHandler.post(new Runnable() {
  5.             public void run() {
  6.                 if (oldh - h > SOFTKEYPAD_MIN_HEIGHT){ // 软键盘关闭
  7.                 keyBordStateListener.stateChange(KEYBORAD_SHOW);//回调方法显示部分区域
  8.                 }else { // 软键盘弹出
  9.                 if(keyBordStateListener != null){
  10.                 keyBordStateListener.stateChange(KEYBORAD_HIDE);// 回调方法隐藏部分区域
  11. }
  12.                 }
  13.             }
  14.             });
  15.         }

  ②提供KeyBordStateListener  接口采用回调机制调用接口的实现方法。

  代码: 

	
	
	

点击(此处)折叠或打开

  1. public interface KeyBordStateListener{ public void stateChange(int state);}//定义接口
  2.   
  3.   
  4. private KeyBordStateListener keyBordStateListener;
  5.     public void setKeyBordStateListener(KeyBordStateListener keyBordStateListener) {
  6.         this.keyBordStateListener = keyBordStateListener;
  7.     }
  8. LinearLayoutView组件的完整代码:
  9. public class LinearLayoutView extends LinearLayout{
  10.     public static final int KEYBORAD_HIDE = 0;
  11.     public static final int KEYBORAD_SHOW = 1;
  12.     private static final int SOFTKEYPAD_MIN_HEIGHT = 50;
  13.     private Handler uiHandler = new Handler();
  14.     public LinearLayoutView(Context context) {
  15.         super(context);
  16.     }
  17.     public LinearLayoutView(Context context, AttributeSet attrs) {
  18.         super(context, attrs);
  19.     }
  20.     @Override
  21.     protected void onSizeChanged(int w,final int h, int oldw,final int oldh) {
  22.         // TODO Auto-generated method stub
  23.         super.onSizeChanged(w, h, oldw, oldh);
  24.         uiHandler.post(new Runnable() {
  25.             @Override
  26.             public void run() {
  27.                 if (oldh - h > SOFTKEYPAD_MIN_HEIGHT){
  28.                     keyBordStateListener.stateChange(KEYBORAD_SHOW);
  29.                 }else {
  30.                     if(keyBordStateListener != null){
  31.                         keyBordStateListener.stateChange(KEYBORAD_HIDE);}
  32.                 }
  33.             }
  34.         });
  35.     }
  36.     private KeyBordStateListener keyBordStateListener;
  37.     public void 、setKeyBordStateListener(KeyBordStateListener keyBordStateListener) {
  38.         this.keyBordStateListener = keyBordStateListener;
  39.     }
  40.     public interface KeyBordStateListener{
  41.         public void stateChange(int state);
  42. }

3.主界面MainActivity

	
	
	

点击(此处)折叠或打开

  1. public class MainActivity extends Activity implements KeyBordStateListener {
  2.   
  3. private LinearLayoutView resizeLayout;
  4.       
  5. private LinearLayout logoLayout;
  6.     @Override
  7.     protected void onCreate(Bundle savedInstanceState) {
  8.         super.onCreate(savedInstanceState);
  9.         setContentView(R.layout.activity_main);
  10.         //获得可根据软键盘的弹出/关闭而隐藏和显示某些区域的LinearLayoutView组件
  11.         resizeLayout = (LinearLayoutView) findViewById(R.id.login_root_layout);
  12.         //获得要控制隐藏和显示的区域
  13.         logoLayout = (LinearLayout) findViewById(R.id.login_layout_logo);
  14.         resizeLayout.setKeyBordStateListener(this);//设置回调方法
  15.     }
  16.     //实现接口中的方法,该方法在resizeLayout的onSizeChanged方法中调用
  17.     @Override
  18.     public void stateChange(int state) {
  19.         // TODO Auto-generated method stub
  20.         switch (state) {
  21.         case LinearLayoutView.KEYBORAD_HIDE:
  22.             logoLayout.setVisibility(View.VISIBLE);
  23.             break;
  24.         case LinearLayoutView.KEYBORAD_SHOW:
  25.             logoLayout.setVisibility(View.GONE);
  26.             break;
  27.         }
  28.     }
四、实现效果

   键盘弹出:

 

                                                               

  键盘关闭:

                                                              

 

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/30093080/viewspace-1424612/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2015-01-05

  • 博文量
    16
  • 访问量
    51955