安卓 点击查看/隐藏密码

原始需求,加一个图片来完成密码查看功能。

1

思路为:点击图片,来控制输入框内密码显示状态。

关键代码

ed.setTransformationMethod(HideReturnsTransformationMethod.getInstance());   //显示ed.setTransformationMethod(PasswordTransformationMethod.getInstance());       //隐藏

然而这个时候我开始作妖了,不太乐意去写页面逻辑代码。于是在度娘发现,千篇一律的逻辑代码中有一股清流,那就是TextInput。

在edittext外套上textinput就能轻松完成需求。不过需要注意的是。

compile'com.android.support:design:24.2.1'       //引用design库(版本号应与v7包相同)


安卓 点击查看/隐藏密码_第1张图片
2


安卓 点击查看/隐藏密码_第2张图片
3

效果如图所示。 passwordToggleDrawable是指定图标的形状,这里要加上passwordToggleTint来指定图标的颜色,这样才能看的见。可由selector来指定不同状态的形状和颜色。而这里,不需要我们来写逻辑代码,只需要添加属性。即可完成需求。

另外使用TextInput的好处就是,当选中输入框的时候,提示文字不会消失,而是飘向输入框上方,这就更方便用户明白这里需要填写的内容,体验上会更好。

你可能感兴趣的:(安卓 点击查看/隐藏密码)