Tags标签 网战地图
当前位置: 主页 > 编程语言 > Android >

解决android的EditView输入问题

2014-06-06 13:53 [Android] 来源于:
导读:很多写登录界面的开发者都会遇到一个问题:那就是在登录界面时,当你点击输入框时,下边的按钮有时会被输入框挡住,这个不利于用户的体验,所以很多人希望软键盘弹出时,也能把按钮挤上去。很多开发者想要监听键盘的状态,这无疑是一个很麻烦的做法。 我们可

  很多写登录界面的开发者都会遇到一个问题:那就是在登录界面时,当你点击输入框时,下边的按钮有时会被输入框挡住,这个不利于用户的体验,所以很多人希望软键盘弹出时,也能把按钮挤上去。很多开发者想要监听键盘的状态,这无疑是一个很麻烦的做法。

       我们可以在AndroidManifest.xml的Activity设置属性:android:windowSoftInputMode = "adjustResize" ,软键盘弹出时,要对主窗口布局重新进行布局,并调用onSizeChanged方法,切记一点当我们设置为“adjustResize”时,我们的界面不要设置为全屏模式,否则设置了这个属性也不会有什么效果。而当我们设置android: windowSoftInputMode = "adjustPan"时,主窗口就不会调用onSizeChanged方法,界面的一部分就会被软键盘覆盖住,就不会被挤到软键盘之上了。

我们通过一段代码来测试一下,当我们设置了该属性后,弹出输入法时,系统做了什么:

重写Layout布局:


  1.  

    1. public class ResizeLayout extends LinearLayout{   
    2.     private static int count = 0;   
    3.        
    4.     public ResizeLayout(Context context, AttributeSet attrs) {   
    5.         super(context, attrs);   
    6.     }   
    7.        
    8.     @Override   
    9.     protected void onSizeChanged(int w, int h, int oldw, int oldh) {       
    10.         super.onSizeChanged(w, h, oldw, oldh);   
    11.            
    12.         Log.e("onSizeChanged " + count++, "=>onResize called! w="+w + ",h="+h+",oldw="+oldw+",oldh="+oldh);   
    13.     }   
    14.        
    15.     @Override   
    16.     protected void onLayout(boolean changed, int l, int t, int r, int b) {   
    17.         super.onLayout(changed, l, t, r, b);   
    18.         Log.e("onLayout " + count++, "=>OnLayout called! l=" + l + ", t=" + t + ",r=" + r + ",b="+b);   
    19.     }   
    20.        
    21.     @Override   
    22.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {   
    23.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);   
    24.            
    25.         Log.e("onMeasure " + count++, "=>onMeasure called! widthMeasureSpec=" + widthMeasureSpec + ", heightMeasureSpec=" + heightMeasureSpec);   
    26.     }   

  2.  

我们的布局设置为:


  1.  

    1. <com.winuxxan.inputMethodTest.ResizeLayout    
    2.     xmlns:android="http://schemas.android.com/apk/res/android"   
    3.     android:id="@+id/root_layout"   
    4.     android:layout_width="fill_parent"   
    5.     android:layout_height="fill_parent"   
    6.     android:orientation="vertical"   
    7.     >   
    8.        
    9.     <EditText   
    10.         android:layout_width="fill_parent"    
    11.         android:layout_height="wrap_content"    
    12.     />   
    13.      
    14.     <LinearLayout   
    15.             android:id="@+id/bottom_layout"   
    16.             android:layout_width="fill_parent"    
    17.             android:layout_height="fill_parent"    
    18.             android:orientation="vertical"   
    19.             android:gravity="bottom">s   
    20.       
    21.     <TextView     
    22.         android:layout_width="fill_parent"    
    23.         android:layout_height="wrap_content"    
    24.         android:text="@string/hello"   
    25.         android:background="#77777777"   
    26.       />   
    27.    </LinearLayout>   
    28. </com.winuxxan.inputMethodTest.ResizeLayout>   

  2.  

AndroidManifest.xml的Activity设置属性:android:windowSoftInputMode = "adjustResize"
    运行程序,点击文本框,查看调试信息:
    E/onMeasure 6(7960): =>onMeasure called! widthMeasureSpec=1073742144, heightMeasureSpec = 1073742024
    E/onMeasure 7(7960): =>onMeasure called! widthMeasureSpec=1073742144, heightMeasureSpec = 1073742025
    E/onSizeChanged 8(7960): =>onSizeChanged called! w=320,h=201,oldw=320,oldh=377
    E/onLayout 9(7960): =>OnLayout called! l=0, t=0,r=320,b=201
    从调试结果我们可以看出,当我们点击文本框后,根布局调用了onMeasure,onSizeChanged和onLayout。

 

  windowSoftInputMode的值如果设置为adjustPan,那么该Activity主窗口并不调整屏幕的大小以便留出软键盘的空间。相反,当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分。这个通常是不期望比调整大小,因为用户可能关闭软键盘以便获得与被覆盖内容的交互操作。
    上面的例子中,我们将AndroidManifest.xml的属性进行更改:android: windowSoftInputMode = "adjustPan"

    重新运行,并点击文本框,查看调试信息:
    E/onMeasure 6(8378): =>onMeasure called! widthMeasureSpec=1073742144, heightMeasureSpec=1073742200
    E/onMeasure 7(8378): =>onMeasure called! widthMeasureSpec=1073742144, heightMeasureSpec=1073742201
    E/onLayout 8(8378): =>OnLayout called! l=0, t=0,r=320,b=377
    我们看到:系统也重新进行了measrue和layout,但是我们发现,layout过程中onSizeChanged并没有调用,这说明输入法弹出前后并没有改变原有布局的大小。

当然还有其他属性可以设置:

 

"stateUnspecified"

软键盘的状态(是否它是隐藏或可见)没有被指定。系统将选择一个合适的状态或依赖于主题的设置。

这个是为了软件盘行为默认的设置。

"stateUnchanged"

软键盘被保持无论它上次是什么状态,是否可见或隐藏,当主窗口出现在前面时。

"stateHidden"

当用户选择该Activity时,软键盘被隐藏——也就是,当用户确定导航到该Activity时,而不是返回到它由于离开另一个Activity。

"stateAlwaysHidden"

软键盘总是被隐藏的,当该Activity主窗口获取焦点时。

"stateVisible"

软键盘是可见的,当那个是正常合适的时(当用户导航到Activity主窗口时)。

"stateAlwaysVisible"

当用户选择这个Activity时,软键盘是可见的——也就是,也就是,当用户确定导航到该Activity时,而不是返回到它由于离开另一个Activity。

"adjustUnspecified"

它不被指定是否该Activity主窗口调整大小以便留出软键盘的空间,或是否窗口上的内容得到屏幕上当前的焦点是可见的。系统将自动选择这些模式中一种主要依赖于是否窗口的内容有任何布局视图能够滚动他们的内容。如果有这样的一个视图,这个窗口将调整大小,这样的假设可以使滚动窗口的内容在一个较小的区域中可见的。这个是主窗口默认的行为设置。

"adjustResize"

该Activity主窗口总是被调整屏幕的大小以便留出软键盘的空间

"adjustPan"

该Activity主窗口并不调整屏幕的大小以便留出软键盘的空间。相反,当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户能总是看到输入内容的部分。这个通常是不期望比调整大小,因为用户可能关闭软键盘以便获得与被覆盖内容的交互操作。


 

 

相应用过Android手机的朋友都知道,有时候在文本框中输入文字后,操作按钮被输入法遮挡了,不得不关闭输入法才可以继续操作。

比如下面这个画面:

解决android的EditView输入问题_www.fengfly.com

 

画面布局:

 


 

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:id="@+id/ll2" android:orientation="vertical"  
  4.     android:layout_width="fill_parent" android:layout_height="fill_parent">  
  5.     <CheckBox android:id="@+id/widget57" android:layout_width="wrap_content"  
  6.         android:layout_height="wrap_content" android:text="@string/location"  
  7.         android:layout_gravity="right">  
  8.     </CheckBox>  
  9.     <EditText android:id="@+id/widget34" android:layout_width="fill_parent"  
  10.         android:layout_height="fill_parent" android:layout_weight="1"  
  11.         android:textColorHighlight="#cccccc" android:hint="你想说什么?"  
  12.         android:gravity="top" android:textSize="18sp">  
  13.     </EditText>  
  14.     <Button android:id="@+id/widget53" android:layout_width="100px"  
  15.             android:layout_height="wrap_content" android:text="@string/share"  
  16.             android:layout_gravity="right"/>  
  17. </LinearLayout>  

 

 

 

 

 

如果不做任何操作,那么点击文本框后的效果肯定是下图:

解决android的EditView输入问题_www.fengfly.com

 

此时,【共享】按钮被输入法挡住了,必须关闭输入法才可以操作了。

 

 

有的朋友会说,可以在布局外面再加一个ScrollView,这样的画,UI布局就和输入法分离了,输入法出现后,上面还可以滚动。

 

但是这样的效果好吗? 我们来看一下效果(布局外加ScrollView的效果):

解决android的EditView输入问题_www.fengfly.com

 

画面布局:

 


  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"  
  3. android:layout_width="fill_parent" android:layout_height="fill_parent"  
  4. android:orientation="vertical">  
  5. <LinearLayout   
  6.     android:id="@+id/ll2" android:orientation="vertical"  
  7.     android:layout_width="fill_parent" android:layout_height="fill_parent">  
  8.     <CheckBox android:id="@+id/widget57" android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content" android:text="@string/location"  
  10.         android:layout_gravity="right">  
  11.     </CheckBox>  
  12.     <EditText android:id="@+id/widget34" android:layout_width="fill_parent"  
  13.         android:layout_height="400px" android:layout_weight="1"  
  14.         android:textColorHighlight="#cccccc" android:hint="你想说什么?"  
  15.         android:gravity="top" android:textSize="18sp">  
  16.     </EditText>  
  17.     <Button android:id="@+id/widget53" android:layout_width="100px"  
  18.             android:layout_height="wrap_content" android:text="@string/share"  
  19.             android:layout_gravity="right"/>  
  20. </LinearLayout>  
  21. </ScrollView>  

 

 

 

 

 

从图中可以看出,上面部分右侧有一个滚动条,用户可以通过从下滚动来点击按钮。但是个人觉得,这样还不如直接关闭输入法来点击按钮来的方便!

 

那么有没有更好的办法呢? 答案是有!

先看一下这个更好的方法是什么效果:

 

解决android的EditView输入问题_www.fengfly.com

 

从图中可以看出,UI布局也与输入法分离了,同时EditText区域自动缩小了。这样的话,即不影响用户输入,也不影响用户进一步操作!

而且即使打开了输入法,用户也可以看到UI全貌,感觉比较舒服、友好。

 

下面就说一下,这个效果是如何做到的.

 

其实答案很简单,不需要更改局部文件,而是修改AndroidManifest.xml文件,在Activity属性中加一条:

 

android:windowSoftInputMode="adjustResize"  

 

 

 

 

 

AndroidManifest.xml修改前后比较: 

 

解决android的EditView输入问题_www.fengfly.com

(编辑:)

本文标签:
网友评论

栏目列表

推荐文章