客户端登录界面，根据输入框的弹出改变界面样式，解决键盘挡住输入框的问题
2014-04-30 13:57
836 查看
问题：
我们在开发Android应用中，登录和注册界面是少不了的，往往在做登录注册的时候如果给界面加一个LOGO,
就有可能把用户名和密码框放在手机屏幕的中间或底部，这样当软键盘弹出的时候，就有可能挡住输入框(往往用户输完用户名和密码还要按返回键盘才能登录)，
这样用户体验是不好的，该demo是一个解决该问题相对比较好的一个方法了。
效果图对比
方法：
重写RelativeLayout获取当前屏幕高度，实现onMesure、onSizeChanged方法来实现。
直接上代码（2个java类，1个布局文件）：
注意要在AndroidManifest.xml中增加配置属性android:windowSoftInputMode="adjustResize"，否则不会调用onSizeChanged方法，而且不能是全屏：
代码下载地址：http://download.csdn.net/detail/catoop/7275579
我们在开发Android应用中，登录和注册界面是少不了的，往往在做登录注册的时候如果给界面加一个LOGO,
就有可能把用户名和密码框放在手机屏幕的中间或底部，这样当软键盘弹出的时候，就有可能挡住输入框(往往用户输完用户名和密码还要按返回键盘才能登录)，
这样用户体验是不好的，该demo是一个解决该问题相对比较好的一个方法了。
效果图对比
方法：
重写RelativeLayout获取当前屏幕高度，实现onMesure、onSizeChanged方法来实现。
直接上代码（2个java类，1个布局文件）：
package com.example.myrelativelayoutdemo1;
import android.app.Activity;
import android.content.Context;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.Display;
import android.widget.RelativeLayout;
/**
* 自定义布局解决键盘弹出挡住输入框的问题
*
*/
public class InputMethodRelativeLayout extends RelativeLayout {
private int width;
protected OnSizeChangedListenner onSizeChangedListenner;
private boolean sizeChanged = false; // 变化的标志
private int height;
private int screenWidth; // 屏幕宽度
private int screenHeight; // 屏幕高度
public InputMethodRelativeLayout(Context paramContext, AttributeSet paramAttributeSet) {
super(paramContext, paramAttributeSet);
Display localDisplay = ((Activity) paramContext).getWindowManager().getDefaultDisplay();
DisplayMetrics metrics = new DisplayMetrics();
localDisplay.getMetrics(metrics);
this.screenWidth = metrics.widthPixels;
this.screenHeight = metrics.heightPixels;
}
public InputMethodRelativeLayout(Context paramContext, AttributeSet paramAttributeSet, int paramInt) {
super(paramContext, paramAttributeSet, paramInt);
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
this.width = widthMeasureSpec;
this.height = heightMeasureSpec;
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
}
@Override
public void onSizeChanged(int w, int h, int oldw, int oldh) {
// 监听不为空、宽度不变、当前高度与历史高度不为0
if ((this.onSizeChangedListenner != null) && (w == oldw) && (oldw != 0) && (oldh != 0)) {
if ((h >= oldh) || (Math.abs(h - oldh) <= 1 * this.screenHeight / 4)) {
if ((h <= oldh) || (Math.abs(h - oldh) <= 1 * this.screenHeight / 4))
return;
this.sizeChanged = false;
} else {
this.sizeChanged = true;
}
this.onSizeChangedListenner.onSizeChange(this.sizeChanged, oldh, h);
measure(this.width - w + getWidth(), this.height - h + getHeight());
}
}
/**
* 设置监听事件
*
* @param paramonSizeChangedListenner
*/
public void setOnSizeChangedListenner(InputMethodRelativeLayout.OnSizeChangedListenner paramonSizeChangedListenner) {
this.onSizeChangedListenner = paramonSizeChangedListenner;
}
/**
* 大小改变的内部接口
*
* @author junjun
*
*/
public abstract interface OnSizeChangedListenner {
public abstract void onSizeChange(boolean paramBoolean, int w, int h);
}
}package com.example.myrelativelayoutdemo1;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;
import com.example.myrelativelayoutdemo1.InputMethodRelativeLayout.OnSizeChangedListenner;
public class MainActivity extends Activity implements OnSizeChangedListenner {
private InputMethodRelativeLayout layout;
private LinearLayout boot;
private LinearLayout login_logo_layout_h;
private LinearLayout login_logo_layout_v;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 取得InputMethodRelativeLayout组件
layout = (InputMethodRelativeLayout) this.findViewById(R.id.loginpage);
// 设置监听事件
layout.setOnSizeChangedListenner(this);
// 取得大LOGO布局
login_logo_layout_v = (LinearLayout) this.findViewById(R.id.login_logo_layout_v);
// 取得小LOGO布局
login_logo_layout_h = (LinearLayout) this.findViewById(R.id.login_logo_layout_h);
// 取得找回密码和新注册布局
boot = (LinearLayout) this.findViewById(R.id.reg_and_forget_password_layout);
}
/**
* 在Activity中实现OnSizeChangedListener，原理是设置该布局的paddingTop属性来控制子View的偏移
*/
@Override
public void onSizeChange(boolean flag, int w, int h) {
if (flag) {// 键盘弹出时
layout.setPadding(0, -10, 0, 0);
boot.setVisibility(View.GONE);
login_logo_layout_v.setVisibility(View.GONE);
login_logo_layout_h.setVisibility(View.VISIBLE);
} else { // 键盘隐藏时
layout.setPadding(0, 0, 0, 0);
boot.setVisibility(View.VISIBLE);
login_logo_layout_v.setVisibility(View.VISIBLE);
login_logo_layout_h.setVisibility(View.GONE);
}
}
}<?xml version="1.0" encoding="utf-8"?>
<com.example.myrelativelayoutdemo1.InputMethodRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/loginpage"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
android:id="@+id/login_container"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical"
android:paddingLeft="15.0dip"
android:paddingRight="15.0dip" >
<!-- 大logo -->
<LinearLayout
android:id="@+id/login_logo_layout_v"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="34.0dip"
android:layout_marginTop="43.0dip"
android:orientation="vertical" >
<ImageView
android:id="@+id/login_logoimg"
android:layout_width="125.0dip"
android:layout_height="125.0dip"
android:adjustViewBounds="true"
android:gravity="center"
android:src="@drawable/ic_launcher" />
<ImageView
android:layout_width="125.0dip"
android:layout_height="35.0dip"
android:layout_marginTop="10.0dip"
android:adjustViewBounds="true"
android:gravity="center"
android:src="@drawable/ic_launcher" />
</LinearLayout>
<!-- 小LOGO -->
<LinearLayout
android:id="@+id/login_logo_layout_h"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="11.0dip"
android:layout_marginTop="16.0dip"
android:gravity="left|center"
android:orientation="horizontal"
android:visibility="gone" >
<ImageView
android:layout_width="42.0dip"
android:layout_height="42.0dip"
android:adjustViewBounds="true"
android:gravity="center"
android:src="@drawable/ic_launcher" />
<ImageView
android:layout_width="93.0dip"
android:layout_height="30.0dip"
android:layout_marginLeft="5.0dip"
android:adjustViewBounds="true"
android:src="@drawable/ic_launcher" />
</LinearLayout>
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="45.0dip" >
<EditText
android:id="@+id/qqId"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:hint="QQ号/手机号/邮箱"
android:inputType="textEmailAddress"
android:maxLength="50"
android:paddingLeft="15.0dip"
android:paddingRight="80.0dip"
android:singleLine="true"
android:text=""
android:textColor="#ff000000"
android:textColorHint="#ffbbbbbb"
android:textSize="16.0dip" />
<ImageView
android:id="@+id/uin_close"
android:layout_width="30.0dip"
android:layout_height="45.0dip"
android:layout_gravity="right|center"
android:layout_marginRight="40.0dip"
android:background="@android:color/transparent"
android:clickable="true"
android:scaleType="center"
android:src="@drawable/ic_launcher"
android:visibility="invisible" />
<ImageView
android:id="@+id/selectId"
android:layout_width="40.0dip"
android:layout_height="45.0dip"
android:layout_gravity="right|center"
android:clickable="true"
android:paddingLeft="5.0dip"
android:paddingRight="15.0dip"
android:scaleType="center"/>
</FrameLayout>
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="45.0dip" >
<EditText
android:id="@+id/passWord"
android:layout_width="fill_parent"
android:layout_height="45.0dip"
android:hint="密码"
android:inputType="textPassword"
android:maxLength="16"
android:paddingLeft="15.0dip"
android:paddingRight="15.0dip"
android:singleLine="true"
android:textColor="#ff000000"
android:textColorHint="#ffbbbbbb"
android:textSize="16.0dip" />
<ImageView
android:id="@+id/psw_close"
android:layout_width="30.0dip"
android:layout_height="45.0dip"
android:layout_gravity="right|center"
android:layout_marginRight="15.0dip"
android:background="@android:color/transparent"
android:clickable="true"
android:scaleType="center"
android:src="@drawable/ic_launcher"
android:visibility="invisible" />
</FrameLayout>
<Button
android:id="@+id/login_btn"
android:layout_width="fill_parent"
android:layout_height="45.0dip"
android:layout_marginTop="12.0dip"
android:text="登 录"
android:textColor="#ffffffff"
android:textSize="20.0dip" />
</LinearLayout>
<ImageButton
android:id="@+id/lineimg"
android:layout_width="fill_parent"
android:layout_height="1.0px"
android:layout_above="@+id/reg_and_forget_password_layout"
android:background="#ffcfcfcf" />
<LinearLayout
android:id="@+id/reg_and_forget_password_layout"
android:layout_width="fill_parent"
android:layout_height="49.0dip"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:orientation="horizontal" >
<Button
android:id="@+id/forget_password_tv"
android:layout_width="0.0dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:autoLink="all"
android:gravity="center"
android:text="找回密码"
android:textColor="#ff666666"
android:textSize="14.0dip" />
<ImageButton
android:layout_width="1.0px"
android:layout_height="fill_parent"
android:background="#ffcfcfcf" />
<Button
android:id="@+id/reg_tv"
android:layout_width="0.0dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:autoLink="all"
android:gravity="center"
android:text="新注册"
android:textColor="#ff666666"
android:textSize="14.0dip" />
</LinearLayout>
</com.example.myrelativelayoutdemo1.InputMethodRelativeLayout>注意要在AndroidManifest.xml中增加配置属性android:windowSoftInputMode="adjustResize"，否则不会调用onSizeChanged方法，而且不能是全屏：
<activity
android:name="com.example.myrelativelayoutdemo1.MainActivity"
android:label="@string/app_name"
android:windowSoftInputMode="adjustResize" >代码下载地址：http://download.csdn.net/detail/catoop/7275579
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 仿QQ空间登录UI,解决软键盘弹出挡住输入框的问题
- Android总结笔记04：仿QQ空间登录UI,解决软键盘弹出挡住输入框的问题
- [iOS]解决键盘弹出时挡住输入框的问题
- 解决webview中输入框完成输入隐藏键盘后滑动界面又弹出软键盘问题
- 仿QQ空间登录，解决键盘挡住输入框的问题
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
- IOS 解决键盘挡住输入框的问题
- Android爬坑之旅：软键盘挡住输入框问题的终极解决方式
- IOS 解决键盘挡住输入框的问题
- iOS 解决键盘挡住输入框的问题
- 怎样解决启动WindowsXP进入登录欢迎界面时，自动开启小键盘NumLock的问题
- IOS 解决键盘挡住输入框的问题
- 解决输入框被键盘挡住的问题
- ios 解决键盘挡住输入框的问题
- iOS项目开发键盘弹出遮挡输入框问题解决方案
- 怎样解决启动WindowsXP进入登录欢迎界面时，自动开启小键盘NumLock的问题
- 解决google登录界面input输入框颜色不正确问题
- IOS 解决键盘挡住输入框的问题
- Android客户端之“微服私访”App的系统学习（七）XRecyclerView快速实现列表界面+自定义Search输入框，软键盘搜索按钮监听+TextView部分样式改变