当前位置: 首页 > 编程笔记 >

Android开发软键盘遮挡登陆按钮的完美解决方案

潘宸
2023-03-14
本文向大家介绍Android开发软键盘遮挡登陆按钮的完美解决方案,包括了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) { 
}; 
}; 

以上所述是小编给大家介绍的Android开发软键盘遮挡登陆按钮的完美解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍Android软键盘遮挡的四种完美解决方案,包括了Android软键盘遮挡的四种完美解决方案的使用技巧和注意事项,需要的朋友参考一下 一、问题概述   在编辑框输入内容时会弹出软键盘,而手机屏幕区域有限往往会遮住输入界面,我们先看一下问题效果图:   输入用户名和密码时,系统会弹出键盘,造成系统键盘会挡住文本框的问题,如图所示:   输入密码时输入框被系统键盘遮挡了,大大降低了用户操

  • 本文向大家介绍Android实现登陆页logo随键盘收放动态伸缩(完美解决键盘弹出遮挡控件的问题),包括了Android实现登陆页logo随键盘收放动态伸缩(完美解决键盘弹出遮挡控件的问题)的使用技巧和注意事项,需要的朋友参考一下 在最近的两个项目中,项目需求要求我们实现 /*登陆页面的内容能够随着键盘的弹出而被顶上去,避免键盘遮挡住登陆按钮*/ 这样的效果,宝宝心里苦呀,本来半天搞定的事还非得折

  • 本文向大家介绍5种方法完美解决android软键盘挡住输入框方法详解,包括了5种方法完美解决android软键盘挡住输入框方法详解的使用技巧和注意事项,需要的朋友参考一下 在开发中,经常会遇到键盘挡住输入框的情况,比如登录界面或注册界面,弹出的软键盘把登录或注册按钮挡住了,用户必须把软键盘收起,才能点击相应按钮,这样的用户体验非常不好。像微信则直接把登录按钮做在输入框的上面,但有很多情况下,这经常

  • 本文向大家介绍Android软键盘挡住输入框的终极解决方案,包括了Android软键盘挡住输入框的终极解决方案的使用技巧和注意事项,需要的朋友参考一下 前言 开发做得久了,总免不了会遇到各种坑。 而在Android开发的路上,『软键盘挡住了输入框』这个坑,可谓是一个旷日持久的巨坑——来来来,我们慢慢看。 入门篇 最基本的情况,如图所示:在页面底部有一个EditText,如果不做任何处理,那么在软键

  • 本文向大家介绍Android开发之完全隐藏软键盘的方法,包括了Android开发之完全隐藏软键盘的方法的使用技巧和注意事项,需要的朋友参考一下 隐藏软键盘一直是我头痛的事情,没有找到一种真正能隐藏的方法。点击EditText的时候总是弹出软键盘。-----杯具 杯具(一): 杯具(二): 杯具(三): 一个一个尝试,这个参数终于把软键盘隐藏了: 洗具(一): 以上所述是小编给大家介绍的Androi

  • 问题内容: 我有一个“保存”按钮,我想与软键盘一起向上推。因此,当用户单击我的布局中的EditText时,按钮必须保持在键盘上方。现在,该按钮将隐藏在键盘下方。你怎么做到这一点? 提前致谢! 问题答案: 您需要将键盘的输入模式设置为。您可以这样做,将以下行添加到清单中您的活动属性中: 这是在活动中添加的属性的示例: