Android materialdesign TextInputLayout替换眼睛图标和解决眼睛图标不显示的问题

TextInputLayout自带的那个眼睛点击后是只能加深背景颜色，老板看了觉得不满意就让我修改 OTZ，但是我又不想放弃TextInputLayout显示文字的酷炫效果，所以就有了下文。
（1）用自己的眼睛图标替换系统的

于是我百度了一下如何隐藏TextInputLayout眼睛图标，于是看到了这个属性
TextInputLayout设置眼睛图标不显示app:passwordToggleEnabled=”false”，然后加上自己的样式实现了这个效果。

实现方式如下
XML代码
<android.support.design.widget.TextInputLayout android:id="@+id/passwordWrapper" android:layout_width="230dp" android:layout_height="wrap_content" android:layout_below="@id/usernameWrapper" app:passwordToggleEnabled="false"> <EditText android:id="@+id/password" android:layout_width="match_parent" android:layout_height="wrap_content" android:hint="密码" android:textSize="14sp" android:inputType="numberPassword"/> </android.support.design.widget.TextInputLayout> <CheckBox android:id="@+id/showpassword" android:checked="false" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentRight="true" android:layout_gravity="center_vertical" android:button="@drawable/show_password"/>

show_password样式
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/show" android:state_checked="true"/> <item android:drawable="@drawable/conceal" android:state_checked="false"/> </selector>

Activity代码

/** * 显示或者隐藏密码 */ showpassword.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { if (isChecked){ passwordWrapper.getEditText().setInputType(InputType.TYPE_TEXT_VARIATION_VISIBLE_PASSWORD); }else { passwordWrapper.getEditText(). setInputType(InputType.TYPE_CLASS_TEXT | InputType.TYPE_TEXT_VARIATION_PASSWORD); } } });
这样就实现了想要的效果，但是两个edittext的宽度不一样感觉不好看，APP里还有几个需要修改，重复的代码要复制好几份，所以我就想看下TextInputLayout里的属性看能不能修改下眼睛图标的样式，于是就被我找到了这货app:passwordToggleDrawable=”@drawable/show_password”，它是用来替换眼睛图标的样式的，于是加上自己的样式再稍微修改了下图标的大小就实现了下面的效果完美贴合edittext。

（2）解决眼睛图标不显示的问题
最近发现眼睛图标突然消失不见了，以为是系统问题，结果用不同产商的手机测试了还真是系统问题，猜想可能是被自动隐藏了，解决办法也挺简单在TextInputLayout 控件的xml代码中加入以下属性，手动将眼睛图标显示出来。

app:passwordToggleEnabled=”true”

 总结：以后遇到问题之前先去尝试自己解决，不要直接百度去找答案，也许这个问题其实并没有那么难！

Android materialdesign TextInputLayout替换眼睛图标和解决眼睛图标不显示的问题相关推荐

windows重建图标缓存(解决快捷方式图标丢失，图标加载时间长问题)
windows重建图标缓存(解决快捷方式图标丢失,图标加载时间长问题) 参考文章: (1)windows重建图标缓存(解决快捷方式图标丢失,图标加载时间长问题) (2)https://www.cnbl ...
计算机旁边快速访问没有桌面图标了怎么办,桌面找不到我的电脑（计算机）图标的解决办法-win10桌面显示我的电脑...
最近发现周围同事电脑上有个怪现象,他们在桌面上找不到我的电脑,于是乎在桌面建了个我的电脑的快捷方式,下面来说一下WIN7.WIN10等.如何把我的电脑放到桌面. 在桌面显示我的电脑(计算机)的方法 W ...
win10桌面图标消失解决+软件快捷方式重建+显示所有电脑应用
电脑桌面总是放着最重要的几个图标,总是会因为各种各样的原因突然消失. 基础图标找回计算机回收站用户的文件控制面板网络在桌面->右键->个性化打开个性化设置面板在个性化设置 ...
android自定义app图标下载,安卓换图标
安卓换图标app又叫换图标app,是一款可以快速为安卓手机用户替换手机图标的软件,换图标变得更简单哦!平台上有更多的手机app图标可以选择,也可以自己设置喜欢的图标图片,超级实用,打造个性化桌面,快来 ...
Android Q适配攻略（一）（图标适配）
Android Q之提前适配攻略(一)(图标适配) Android Q之提前适配攻略(二)(后台定位适配) Android Q之提前适配攻略(三)(唯一标识符更改) Android Q之提前适配攻略( ...
Android如何安全替换证书
Android如何安全替换证书证书过期了?!! V1和V2签名方式 V3签名方式鸡肋的V3 最后证书过期了?!! 也不知道当初是那条筋搭错了,将证书的时间弄得这么短,在这里强烈的提醒一下各位,在 ...
android 耳机图标显示图标,一种耳机图标的显示方法及终端与流程
本发明涉及通信领域,特别是一种耳机图标的显示方法及终端. 背景技术: 目前的手机耳机类型,主要有三类:不带microphone的三段式耳机:带microphone的欧标耳机(也叫国标):带microp ...
一个整合OkHttp 、Retrofit 、Volley 、RxJava、Novate多种开源网络框架的项目，高度的封装和集成，Android中Web网络请求一行代码解决
一个整合OkHttp .Retrofit .Volley .RxJava.Novate多种开源网络框架的项目,高度的封装和集成,Android中Web网络请求一行代码解决 AndroidHttp 一个 ...
chrome系浏览器插件：chromoji - 替换默认emoji，解决不显示emoji的问题
最近抛弃用了十年的firefox,换成了360极速浏览器X.因为最新的firefox已经不能被mactype渲染了.360可以关掉directwrite,字体完美渲染.但是有个副作用,emoji都变成 ...

Android materialdesign TextInputLayout替换眼睛图标和解决眼睛图标不显示的问题

Android materialdesign TextInputLayout替换眼睛图标和解决眼睛图标不显示的问题相关推荐

最新文章

热门文章