最近在开发过程中,需要修改下用户的界面,使得界面带有可显示密码和隐藏密码的功能,其实这个已经是很常见的界面设计了,随便打开淘宝或者其他app基本上都用,这边我就将小米手机的,小米账号登陆界面贴出来:
█ 我的方向:
首先我想要设计的是一种通过,方便移值的UI,其实界面可以看【客官】自己想要那种风格,主要还是代码上面的封装,对EditText控件的初始化!
最终实现的效果图如下:(界面这边不做美观处理,毕竟是个demo,最终都要根据整体的app风格进行设计的)
█ 代码贴图:
● 界面代码:
● 源代码01 Activity:
● 源代码02 ViewsTools:
PS :在这里,我已经很好地封装成一个类,以后如果想要实现编辑框带有密码可显示和隐藏功能的就直接初始化即可
█ 过程中出现的问题:
● EditText 左侧图标的实现以及点击事件的实现
● EditText 显示的全角半角问题
● EditText 输入框光标的位置问题
PS :左侧图标的实现其实可以以EditText + ImageView/Button 等形式组合,不过我这边就直接使用单个的EditText 实现
█ 解决方法:
直接看代码
█ 一个问题:
关于EditText 的全角半角问题:
EditText 继承于 TextView,查看TextView源码如下:
当EditText为密码格式,即 android:inputType = “textPassword” 或者 android:password = “true” 等相关设置时, hint字体受EditText的text字体影响,默认是全角MONOSPACE的。因此我这边直接在初始化以及点击EditText的事情中,手动设置为SANS_SERIF半角显示。
相关下载资源连接:http://download.youkuaiyun.com/detail/ljb568838953/9695408
█ 相关资料:
1.EditText hint全角半角显示问题
参考:android的EditText显示隐藏密码时候的全角问题 - aotian16的专栏 - 博客频道 - youkuaiyun.com
http://blog.youkuaiyun.com/aotian16/article/details/51611947
2.EditText 导入的图片大小问题
参考:android如何设置drawableleft导入的图片大小-优快云论坛-youkuaiyun.com-中国最大的IT技术社区
http://bbs.youkuaiyun.com/topics/391029643
2.drawableRight中图标的点击事件
drawableRight中图标的点击事件
http://www.lxway.com/615511661.htm