【Android】解决软键盘遮挡登陆按钮

在应用登陆页面我们需要填写用户名和密码。当填写这些信息的时候,软键盘会遮挡登陆按钮,这使得用户体验较差,所以今天就来解决这个问题

1:登陆布局界面如下

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/login_bg" >

    <LinearLayout
        android:id="@+id/ll_center"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"     
        android:orientation="vertical" >

        <ScrollView
            android:id="@+id/sl_center"
            android:layout_width="fill_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:fadingEdge="none"
            android:scrollbars="none" >

            <RelativeLayout
                android:id="@+id/rl_center"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content" >

                <LinearLayout
                    android:id="@+id/sms_login_ll_title"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerHorizontal="true"
                    android:layout_marginTop="90dip"
                    android:orientation="horizontal" >

                    <ImageView
                        android:id="@+id/sms_login_iv_icon"
                        android:layout_width="70dip"
                        android:layout_height="70dip"
                        android:layout_gravity="center_vertical"
                        android:src="@drawable/login_top_icon" />

                    <ImageView
                        android:id="@+id/sms_login_iv_big_text"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_vertical"
                        android:layout_marginLeft="15dip"
                        android:src="@drawable/sms_login_icon_big" />
                </LinearLayout>

                <ImageView
                    android:id="@+id/sms_login_iv_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/sms_login_ll_title"
                    android:layout_centerHorizontal="true"
                    android:layout_marginTop="28dip"
                    android:background="@drawable/sms_login_icon_small" />

                <RelativeLayout
                    android:id="@+id/sms_login_rl_input_name"
                    android:layout_width="fill_parent"
                    android:layout_height="43dip"
                    android:layout_below="@id/sms_login_iv_name"
                    android:layout_centerHorizontal="true"
                    android:layout_marginLeft="40dip"
                    android:layout_marginRight="40dip"
                    android:layout_marginTop="40dip"
                    android:background="@drawable/login_top_input" >

                    <ImageView
                        android:id="@+id/sms_login_iv_input_name_icon"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:background="@drawable/login_input_icon_user" />

                    <FrameLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_toRightOf="@id/sms_login_iv_input_name_icon" >

                        <EditText
                            android:id="@+id/sms_login_et_accout"
                            android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            android:background="@drawable/transparent_white"
                            android:digits="@string/sms_login_accout_text"
                            android:hint="请输入账号"
                            android:singleLine="true"
                            android:text=""
                            android:textSize="20sp" />
                    </FrameLayout>
                </RelativeLayout>

                <RelativeLayout
                    android:id="@+id/sms_login_rl_input_pass"
                    android:layout_width="fill_parent"
                    android:layout_height="43dip"
                    android:layout_below="@id/sms_login_rl_input_name"
                    android:layout_centerHorizontal="true"
                    android:layout_marginLeft="40dip"
                    android:layout_marginRight="40dip"
                    android:background="@drawable/login_top_input" >

                    <ImageView
                        android:id="@+id/sms_login_iv_input_pass_icon"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="10dip"
                        android:layout_marginRight="10dip"
                        android:background="@drawable/login_input_icon_pwd" />

                    <FrameLayout
                        android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:layout_centerVertical="true"
                        android:layout_toRightOf="@id/sms_login_iv_input_pass_icon" >

                        <EditText
                            android:id="@+id/sms_login_et_password"
                            android:layout_width="fill_parent"
                            android:layout_height="wrap_content"
                            android:background="@drawable/transparent_white"
                            android:digits="@string/sms_et_change_password_old_text"
                            android:hint="请输入密码"
                            android:inputType="textPassword"
                            android:singleLine="true"
                            android:text=""
                            android:textSize="20sp" />
                    </FrameLayout>
                </RelativeLayout>
            </RelativeLayout>
        </ScrollView>

        <Button
            android:id="@+id/sms_login_bt_confirm"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/sms_login_rl_input_pass"
            android:layout_centerHorizontal="true"
            android:layout_marginLeft="40dip"
            android:layout_marginRight="40dip"
            android:layout_marginTop="16dip"
            android:background="@drawable/sms_update_pass_bg_selector"
            android:text="登 录"
            android:textColor="@color/white"
            android:textSize="20sp" />
    </LinearLayout>
 
</RelativeLayout>

需要注意的是:

1:层级关系

RelativeLayout-----

    LinearLayout----

     ScrollView,  

     Button

2:在AndroidManifest.xml中的该activity配置  android:windowSoftInputMode="stateHidden|adjustResize"

3:看如下代码

etAccount = (EditText) this.findViewById(R.id.sms_login_et_accout);
		etAccount.setOnClickListener(this);
		etAccount.setOnTouchListener(new OnTouchListener() {
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				changeScrollView(); 
				return false;
			}
		});
	/**
	 * 使ScrollView指向底部
	 */
	private void changeScrollView(){
		h.postDelayed(new Runnable() {
			@Override
			public void run() {
				sl_center.scrollTo(0, sl_center.getHeight()); 
			}
		}, 300);
	}
	
	Handler h = new Handler(){
		public void handleMessage(Message msg) {
		};
	};

4:具体问题具体分析,方法有多种,欢迎大家讨论。


评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值