Android 类似微信登录输入框效果

快来打我* 2022-06-15 02:38 193阅读 0赞

微信的登录输入框效果如下  
![进入自动打开自动启动软键盘][format_png]  
![点击下一个输入框，下划线颜色改变][format_png 1]

怎么实现这样的效果呢，其实非常简单！  
简单的布局我就不说了，直接上干货。  
1.实现进入自动弹出软键盘，在根文件中的Activity中设置  
windowSoftInputMode 属性为 stateVisible|adjustResize  
例如

<activity android:name=".SetLoginPasswordActivity" android:windowSoftInputMode="stateVisible|adjustResize"/>

2.在去掉EditText的下划线  
设置EditText

<activity android:name=".SetLoginPasswordActivity" android:windowSoftInputMode="stateVisible|adjustResize"/>

3.在TextView和EditText中用View画一条下划线

<View
            android:id="@+id/view_ensure_password"
            android:layout_marginTop="@dimen/main_margin_top"
            android:layout_width="match_parent"
            android:layout_height="@dimen/view_height"
            android:background="@color/low_line_gray" />

View的高度我设置的0.5dp

4.实现根据EditText是否获得焦点切换下划线View颜色  
需要监听EditText是否获得焦点，设置EditText的setOnFocusChangeListener监听器。  
例如：  
我默认设置的第一个下滑线是蓝色，第二个下划线是灰色。  
因为只有两个下划线，所以只需要设置第二个下划线的焦点监听事件即可。

ensurePassword.setOnFocusChangeListener(new View.OnFocusChangeListener() {
                @Override
                public void onFocusChange(View v, boolean hasFocus) {
           //如果第二个EditText获得焦点，设置第二个下划线颜色为蓝色，第一个下划线颜色变灰
                    if (hasFocus){
                        viewEnsure.setBackgroundColor(getResources().getColor(R.color.low_line_blue));
                        viewLogin.setBackgroundColor(getResources().getColor(R.color.low_line_gray));
                    }
          //如果第二个EditText失去焦点，即第一个EditText获得焦点，设置第一个下划线为蓝色，第二个下划线为灰色。
                    else{
                        viewEnsure.setBackgroundColor(getResources().getColor(R.color.low_line_gray));
                        viewLogin.setBackgroundColor(getResources().getColor(R.color.low_line_blue));
                    }
                }
            });

如果想跟完全一样  
1.别忘了在布局文件中设置padding

android:paddingLeft="@dimen/padding_left"
    android:paddingRight="@dimen/padding_right"

我左右padding都设置的15dp。  
2.设置EditText只能单行显示。

android:singleLine="true"

[format_png]: /images/20220615/7ce9e6c90c7d4800a442ab8a82549cbf.png
[format_png 1]: /images/20220615/f34c155a8e5d4242abdbfa13d0ccc64e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android 微信登录实现

准备工作： 1、微信开发平台注册一个App，获取到APP\_ID。 2、在Android Studio生成签名文件。 3、微信登录api和bean类 api:

古城微笑少年丶/ 2024年03月08日 08:17/ 0 赞/ 97 阅读

相关 Android输入框实现简单的抖动效果

1. res/anim 新建shake.xml <?xml version="1.0" encoding="utf-8"?> <!-- Copyright

谁借莪１个温暖的怀抱￠/ 2023年10月17日 14:54/ 0 赞/ 144 阅读

相关微信小程序-input等输入框禁止输入空格

> 发现表单提交，都是默认允许空格输入，但实际情况下，一般是不能有的，比如修改昵称、name等，有空格的输入，就显得不是那么的友好，比如吃鸡，王者等，昵称都是不允许带有空格符，

小鱼儿/ 2023年07月24日 03:07/ 0 赞/ 20 阅读

相关 android 微信 edittext,Android实现微信朋友圈评论EditText效果

本文主要讲解实现微信朋友圈评论edittext效果思路，供大家参考，具体内容如下效果图 ![decec4d7bbd951e40923d12807061d74.png][]

秒速五厘米/ 2022年10月05日 02:58/ 0 赞/ 257 阅读

相关 Android 仿微信支付密码输入框

今天在项目中遇到一个类似微信支付的密码输入框的需求，具体的实现要求如下： ![SouthEast][] 因为这样的一个控件主要实现的密码输入的功能，这大体上

川长思鸟来/ 2022年08月18日 13:16/ 0 赞/ 317 阅读

相关 Android 类似微信登录输入框效果

微信的登录输入框效果如下 ![进入自动打开自动启动软键盘][format_png] ![点击下一个输入框，下划线颜色改变][format_png 1] 怎么实现这样的

快来打我*/ 2022年06月15日 02:38/ 0 赞/ 194 阅读

相关 Android接入微信SDK之一：发起微信授权登录

1.重要的事情首先说！包名、应用签名、app id 三者都必须和在腾讯上申请的一致！！！否则将不能成功。包名：就是在腾讯上申请的包名应用签名：使用微信官网提供的《签

Love The Way You Lie/ 2022年05月30日 03:19/ 0 赞/ 335 阅读

相关微信/QQ登录分享-Android

/ 微信第三方此类必须存在，必须在“.wxapi”包中 / public class WXEntryActivity extends A

旧城等待，/ 2022年05月19日 14:08/ 0 赞/ 409 阅读

相关类支付宝微信密码输入框

> 代码地址如下： > [http://www.demodashi.com/demo/13444.html][http_www.demodashi.com_demo_134

客官°小女子只卖身不卖艺/ 2022年05月12日 12:42/ 0 赞/ 245 阅读

相关微信小程序输入框 input 组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 输入框。该组件是[原生组件][Link 1]，使用时请注意相关限制 <table>

港控/mmm°/ 2021年09月08日 01:10/ 0 赞/ 894 阅读