仿QQ空间登录，解决键盘挡住输入框的问题

   我们在开发Android应用中，登录和注册界面是少不了的，往往在做登录注册的时候如果给界面加一个LOGO,就有可能把用户名和密码框放在手机屏幕的中间或底部，这样当软键盘弹出的时候，就有可能挡住输入框(往往用户输完用户名和密码还要按返回键盘才能登录)，这样用户体验是不好的，我曾今也为这种事情很头疼。首先说一下我原来想到过的解决办法：

      一、原来想到过的解决办法：

    （1）、把登录和输入框让美工做在顶部，不要用LOGO图片类似于淘宝客户端(如下图)：这样键盘弹出就不会影响到输入框，但是这样始终不是解决问题的方法(我原来常常让美工设计登录不要设计登录LOGO，呵呵比较自私)

（2）、在布局根结点中加入ScrollView结点，这样当看不见输入框的时候手动滚一下就可以看到，这种方法也可行

（3）、自己给View做一个平移动画，然后处理键盘弹出和消失view的移动，这种设计比较麻烦，而且当View移动了以后要重新计算View的坐标位置，否则拿不到控件的监听事件(表面上看View是移动了，可是移动的只是图片，View上面控件的事件还在原来的位置，比较郁闷)。

（4）、重写RelativeLayout获取当前屏幕高度，实现onMesure、onSizeChanged方法来实现。废话不多说，我们今天采用第(4)种比较正规的方法来实现QQ空间登录页，先上图，无图无真相：以下分别是键盘没有弹出，和键盘弹出时登录情形(以下是我仿写的，布局用的就是QQ空间的布局)

  

二、实现代码（1）、重写RelatvieLayout(自定义View)，实现onMesure、onSizeChanged方法。

1. package com.jun.qqzomelogin;
   
2. 
   
3. import android.app.Activity;
   
4. import android.content.Context;
   
5. import android.util.AttributeSet;
   
6. import android.view.Display;
   
7. import android.widget.RelativeLayout;
   
8. /**
   
9. *
   
10. * @author junjun
    
11. * 自定义布局解决键盘弹出挡住输入框的问题
    
12. */
    
13. public class InputMethodRelativeLayout extends RelativeLayout {
    
14.         private int width;
    
15.         protected OnSizeChangedListenner onSizeChangedListenner;
    
16.         private boolean sizeChanged  = false; //变化的标志
    
17.         private int height;
    
18.         private int screenWidth; //屏幕宽度
    
19.         private int screenHeight; //屏幕高度
    
20. 
    
21.         public InputMethodRelativeLayout(Context paramContext,
    
22.                         AttributeSet paramAttributeSet) {
    
23.                 super(paramContext, paramAttributeSet);
    
24.                 Display localDisplay = ((Activity) paramContext).getWindowManager()
    
25.                                 .getDefaultDisplay();
    
26.                 this.screenWidth = localDisplay.getWidth() ;
    
27.                 this.screenHeight = localDisplay.getHeight();
    
28.         }
    
29. 
    
30.         public InputMethodRelativeLayout(Context paramContext,
    
31.                         AttributeSet paramAttributeSet, int paramInt) {
    
32.                 super(paramContext, paramAttributeSet, paramInt);
    
33.         }
    
34. 
    
35.         @Override
    
36.         protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    
37.                 this.width = widthMeasureSpec;
    
38.                 this.height = heightMeasureSpec;
    
39.                 super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    
40.         }
    
41.         
    
42.         @Override
    
43.         public void onSizeChanged(int w, int h, int oldw,
    
44.                         int oldh) {
    
45.                 //监听不为空、宽度不变、当前高度与历史高度不为0
    
46.                 if ((this.onSizeChangedListenner!= null) && (w == oldw) && (oldw != 0)
    
47.                                 && (oldh != 0)) {
    
48.                         if ((h >= oldh)
    
49.                                         || (Math.abs(h - oldh) <= 1 * this.screenHeight / 4)) {
    
50.                                 if ((h <= oldh)
    
51.                                                 || (Math.abs(h - oldh) <= 1 * this.screenHeight / 4))
    
52.                                         return;
    
53.                                 this.sizeChanged  = false;
    
54.                         } else {
    
55.                                 this.sizeChanged  = true;
    
56.                         }
    
57.                         this.onSizeChangedListenner.onSizeChange(this.sizeChanged ,oldh, h);
    
58.                         measure(this.width - w + getWidth(), this.height
    
59.                                         - h + getHeight());
    
60.                 }
    
61.         }
    
62.         /**
    
63.          * 设置监听事件
    
64.          * @param paramonSizeChangedListenner
    
65.          */
    
66.         public void setOnSizeChangedListenner(
    
67.                         InputMethodRelativeLayout.OnSizeChangedListenner paramonSizeChangedListenner) {
    
68.                 this.onSizeChangedListenner = paramonSizeChangedListenner;
    
69.         }
    
70.         /**
    
71.          * 大小改变的内部接口
    
72.          * @author junjun
    
73.          *
    
74.          */
    
75.         public abstract interface OnSizeChangedListenner {
    
76.                 public abstract void onSizeChange(boolean paramBoolean, int w,int h);
    
77.         }
    
78. }
    

复制代码

然后把以上布局引入到自己的xml布局中。如QQ空间的登录布局activity_main.xml

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <com.jun.qqzomelogin.InputMethodRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     android:id="@id/loginpage"
   
4.     android:layout_width="fill_parent"
   
5.     android:layout_height="fill_parent"
   
6.     android:background="@drawable/qz_bitmap_login" >
   
7. 
   
8.     <LinearLayout
   
9.         android:id="@id/login_container"
   
10.         android:layout_width="fill_parent"
    
11.         android:layout_height="wrap_content"
    
12.         android:gravity="center"
    
13.         android:orientation="vertical"
    
14.         android:paddingLeft="15.0dip"
    
15.         android:paddingRight="15.0dip" >
    
16.                 <!-- 大logo -->
    
17.         <LinearLayout
    
18.             android:id="@id/login_logo_layout_v"
    
19.             android:layout_width="wrap_content"
    
20.             android:layout_height="wrap_content"
    
21.             android:layout_marginBottom="34.0dip"
    
22.             android:layout_marginTop="43.0dip"
    
23.             android:orientation="vertical" >
    
24. 
    
25.             <ImageView
    
26.                 android:id="@id/login_logoimg"
    
27.                 android:layout_width="125.0dip"
    
28.                 android:layout_height="125.0dip"
    
29.                 android:adjustViewBounds="true"
    
30.                 android:gravity="center"
    
31.                 android:src="@drawable/logo_login" />
    
32. 
    
33.             <ImageView
    
34.                 android:layout_width="125.0dip"
    
35.                 android:layout_height="35.0dip"
    
36.                 android:layout_marginTop="10.0dip"
    
37.                 android:adjustViewBounds="true"
    
38.                 android:gravity="center"
    
39.                 android:src="@drawable/qz_icon_logo_word_login" />
    
40.         </LinearLayout>
    
41.                 <!-- 小LOGO -->
    
42.         <LinearLayout
    
43.             android:id="@id/login_logo_layout_h"
    
44.             android:layout_width="fill_parent"
    
45.             android:layout_height="wrap_content"
    
46.             android:layout_marginBottom="11.0dip"
    
47.             android:layout_marginTop="16.0dip"
    
48.             android:gravity="left|center"
    
49.             android:orientation="horizontal"
    
50.             android:visibility="gone" >
    
51. 
    
52.             <ImageView
    
53.                 android:layout_width="42.0dip"
    
54.                 android:layout_height="42.0dip"
    
55.                 android:adjustViewBounds="true"
    
56.                 android:gravity="center"
    
57.                 android:src="@drawable/logo_login" />
    
58. 
    
59.             <ImageView
    
60.                 android:layout_width="93.0dip"
    
61.                 android:layout_height="30.0dip"
    
62.                 android:layout_marginLeft="5.0dip"
    
63.                 android:adjustViewBounds="true"
    
64.                 android:src="@drawable/qz_icon_logo_word_login" />
    
65.         </LinearLayout>
    
66. 
    
67.         <FrameLayout
    
68.             android:layout_width="fill_parent"
    
69.             android:layout_height="45.0dip" >
    
70. 
    
71.             <EditText
    
72.                 android:id="@id/qqId"
    
73.                 android:layout_width="fill_parent"
    
74.                 android:layout_height="fill_parent"
    
75.                 android:background="@drawable/qz_bg_container_cell_top_normal"
    
76.                 android:hint="QQ号/手机号/邮箱"
    
77.                 android:inputType="textEmailAddress"
    
78.                 android:maxLength="50"
    
79.                 android:paddingLeft="15.0dip"
    
80.                 android:paddingRight="80.0dip"
    
81.                 android:singleLine="true"
    
82.                 android:text=""
    
83.                 android:textColor="#ff000000"
    
84.                 android:textColorHint="#ffbbbbbb"
    
85.                 android:textSize="16.0dip" />
    
86. 
    
87.             <ImageView
    
88.                 android:id="@id/uin_close"
    
89.                 android:layout_width="30.0dip"
    
90.                 android:layout_height="45.0dip"
    
91.                 android:layout_gravity="right|center"
    
92.                 android:layout_marginRight="40.0dip"
    
93.                 android:background="@android:color/transparent"
    
94.                 android:clickable="true"
    
95.                 android:scaleType="center"
    
96.                 android:src="@drawable/qz_icon_close"
    
97.                 android:visibility="invisible" />
    
98. 
    
99.             <ImageView
    
100.                 android:id="@id/selectId"
     
101.                 android:layout_width="40.0dip"
     
102.                 android:layout_height="45.0dip"
     
103.                 android:layout_gravity="right|center"
     
104.                 android:background="@android:color/transparent"
     
105.                 android:clickable="true"
     
106.                 android:paddingLeft="5.0dip"
     
107.                 android:paddingRight="15.0dip"
     
108.                 android:scaleType="center"
     
109.                 android:src="@drawable/qz_icon_navbar_drop_down" />
     
110.         </FrameLayout>
     
111. 
     
112.         <FrameLayout
     
113.             android:layout_width="fill_parent"
     
114.             android:layout_height="45.0dip" >
     
115. 
     
116.             <EditText
     
117.                 android:id="@id/passWord"
     
118.                 android:layout_width="fill_parent"
     
119.                 android:layout_height="45.0dip"
     
120.                 android:background="@drawable/qz_bg_container_cell_bottom_normal"
     
121.                 android:hint="密码"
     
122.                 android:inputType="textPassword"
     
123.                 android:maxLength="16"
     
124.                 android:paddingLeft="15.0dip"
     
125.                 android:paddingRight="15.0dip"
     
126.                 android:singleLine="true"
     
127.                 android:textColor="#ff000000"
     
128.                 android:textColorHint="#ffbbbbbb"
     
129.                 android:textSize="16.0dip" />
     
130. 
     
131.             <ImageView
     
132.                 android:id="@id/psw_close"
     
133.                 android:layout_width="30.0dip"
     
134.                 android:layout_height="45.0dip"
     
135.                 android:layout_gravity="right|center"
     
136.                 android:layout_marginRight="15.0dip"
     
137.                 android:background="@android:color/transparent"
     
138.                 android:clickable="true"
     
139.                 android:scaleType="center"
     
140.                 android:src="@drawable/qz_icon_close"
     
141.                 android:visibility="invisible" />
     
142.         </FrameLayout>
     
143. 
     
144.         <Button
     
145.             android:id="@id/login_btn"
     
146.             android:layout_width="fill_parent"
     
147.             android:layout_height="45.0dip"
     
148.             android:layout_marginTop="12.0dip"
     
149.             android:background="@drawable/qz_selector_login"
     
150.             android:text="登 录"
     
151.             android:textColor="#ffffffff"
     
152.             android:textSize="20.0dip" />
     
153.     </LinearLayout>
     
154. 
     
155.     <ImageButton
     
156.         android:id="@id/lineimg"
     
157.         android:layout_width="fill_parent"
     
158.         android:layout_height="1.0px"
     
159.         android:layout_above="@id/reg_and_forget_password_layout"
     
160.         android:background="#ffcfcfcf" />
     
161. 
     
162.     <LinearLayout
     
163.         android:id="@id/reg_and_forget_password_layout"
     
164.         android:layout_width="fill_parent"
     
165.         android:layout_height="49.0dip"
     
166.         android:layout_alignParentBottom="true"
     
167.         android:layout_alignParentRight="true"
     
168.         android:orientation="horizontal" >
     
169. 
     
170.         <Button
     
171.             android:id="@id/forget_password_tv"
     
172.             android:layout_width="0.0dip"
     
173.             android:layout_height="fill_parent"
     
174.             android:layout_weight="1.0"
     
175.             android:autoLink="all"
     
176.             android:background="@drawable/qz_selector_gray"
     
177.             android:gravity="center"
     
178.             android:text="找回密码"
     
179.             android:textColor="#ff666666"
     
180.             android:textSize="14.0dip" />
     
181. 
     
182.         <ImageButton
     
183.             android:layout_width="1.0px"
     
184.             android:layout_height="fill_parent"
     
185.             android:background="#ffcfcfcf" />
     
186. 
     
187.         <Button
     
188.             android:id="@id/reg_tv"
     
189.             android:layout_width="0.0dip"
     
190.             android:layout_height="fill_parent"
     
191.             android:layout_weight="1.0"
     
192.             android:autoLink="all"
     
193.             android:background="@drawable/qz_selector_gray"
     
194.             android:gravity="center"
     
195.             android:text="新注册"
     
196.             android:textColor="#ff666666"
     
197.             android:textSize="14.0dip" />
     
198.     </LinearLayout>
     
199. 
     
200. </com.jun.qqzomelogin.InputMethodRelativeLayout>

复制代码

（2）、在Activity中实现OnSizeChangedListener，原理是设置该布局的paddingTop属性来控制子View的偏移。

1. package com.jun.qqzomelogin;
   
2. 
   
3. import android.app.Activity;
   
4. import android.os.Bundle;
   
5. import android.view.View;
   
6. import android.widget.LinearLayout;
   
7. import com.jun.qqzomelogin.InputMethodRelativeLayout.OnSizeChangedListenner;
   
8. 
   
9. /**
   
10. *
    
11. * @author junjun
    
12. *
    
13. */
    
14. public class MainActivity extends Activity implements OnSizeChangedListenner{
    
15. 
    
16.         private InputMethodRelativeLayout layout;  
    
17.     private LinearLayout boot ;
    
18.     private LinearLayout login_logo_layout_h ;
    
19.     private LinearLayout login_logo_layout_v ;
    
20. 
    
21.         @Override
    
22.         protected void onCreate(Bundle savedInstanceState) {
    
23.                 super.onCreate(savedInstanceState);
    
24.                 setContentView(R.layout.activity_main);
    
25.                 //取得InputMethodRelativeLayout组件
    
26.                 layout = (InputMethodRelativeLayout) this.findViewById(R.id.loginpage) ;
    
27.                 //设置监听事件
    
28.         layout.setOnSizeChangedListenner(this) ;
    
29.         //取得大LOGO布局
    
30.         login_logo_layout_v = (LinearLayout) this.findViewById(R.id.login_logo_layout_v) ;
    
31.         //取得小LOGO布局
    
32.         login_logo_layout_h = (LinearLayout) this.findViewById(R.id.login_logo_layout_h) ;
    
33.         
    
34.         //取得找回密码和新注册布局
    
35.         boot = (LinearLayout) this.findViewById(R.id.reg_and_forget_password_layout) ;
    
36.       
    
37.         }
    
38. 
    
39.         /**
    
40.          * 在Activity中实现OnSizeChangedListener，原理是设置该布局的paddingTop属性来控制子View的偏移
    
41.          */
    
42.         @Override
    
43.         public void onSizeChange(boolean flag,int w ,int h) {  
    
44.         if(flag){//键盘弹出时
    
45.             layout.setPadding(0, -10, 0, 0);   
    
46.             boot.setVisibility(View.GONE) ;
    
47.             login_logo_layout_v.setVisibility(View.GONE) ;
    
48.             login_logo_layout_h.setVisibility(View.VISIBLE) ;
    
49.         }else{ //键盘隐藏时
    
50.             layout.setPadding(0, 0, 0, 0);
    
51.             boot.setVisibility(View.VISIBLE) ;
    
52.             login_logo_layout_v.setVisibility(View.VISIBLE) ;
    
53.             login_logo_layout_h.setVisibility(View.GONE) ;
    
54.         }
    
55.     }
    
56. }
    

复制代码

注意：在AndroidManifest.xml中注册该Activity，需要注意的是：必须为该Activity设置android:windowSoftInputMode="adjustResize"属性，当windowSoftInputMode为adjustResiz时，Layout才会调用protected void onSizeChanged(int w, int h, int oldw, int oldh)这个方法，而且不能是全屏。

 

http://www.apkbus.com/android-130945-1-1.html