巧用checkbox与edittext实现密码框
来源:互联网 发布:mac os 10.11.6 懒人 编辑:程序博客网 时间:2024/05/19 10:16
前言:密码框内容的隐藏和显示
想要实现的这个功能其实说难也不难,因为可以使用最土的方法对这个功能进行实现,
比如说,你可以用两张图片,一张显示,一张用来隐藏,然后给两张图片都添加一个点击事件,
对输入框的隐藏和显示进行处理也不是不行,不过的话,这样做会带来大量的代码,
也耗费了较大的时间。而用checkbox就可以快速实现这样的效果!
1.准备好布局文件
<LinearLayout android:id="@+id/yanzhengma" android:layout_marginTop="20dp" android:layout_below="@id/tt_llayout" android:layout_centerInParent="true" android:layout_width="300dp" android:layout_height="60dp" android:background="@drawable/load_shape" > <ImageView android:layout_marginLeft="10dp" android:layout_marginTop="10dp" android:layout_width="35dp" android:layout_height="35dp" android:src="@drawable/mima" /> <EditText android:id="@+id/new_password" android:inputType="textPassword" android:padding="10dp" android:layout_width="200dp" android:layout_height="45dp" android:textColor="@color/colorWhite" android:textSize="18sp" android:layout_gravity="center" android:hint="新密码" android:background="@null" android:textColorHint="@color/colorWhite" /> <CheckBox android:id="@+id/eyes_checkbox" android:layout_width="35dp" android:layout_height="35dp" android:layout_marginLeft="10dp" android:layout_marginTop="10dp" android:button="@drawable/checkbox_shape" /></LinearLayout>
这里需要注意点的是:编辑框的InputType的设置和checkbox让其变为button的样式模式
2.准备两张图片放进selector里面
<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/eyes_close" android:state_checked="false"></item> <item android:drawable="@drawable/eyes_open" android:state_checked="true"></item></selector>
这里值得注意一下的是两种状态的改变false与true需要写清楚
3.设置监听,一开始时我并没有给其设置监听事件结果就出现那种输入框只有一种状态的效果,所以这里记得需要设置监听事件
eye_checkbox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton compoundButton, boolean b) { if (eye_checkbox.isChecked()) { new_password.setTransformationMethod(HideReturnsTransformationMethod.getInstance()); } else { new_password.setTransformationMethod(PasswordTransformationMethod.getInstance()); } }});
实现效果如下图:
1 0
- 巧用checkbox与edittext实现密码框
- Edittext实现密码输入框
- 实现edittext密码显示与隐藏
- ListView与CheckBox,EditText,Button结合
- 用EditText实现的 连续输入的密码框
- 用EditText实现的 连续输入的密码框
- EditText作为密码框,点击可见不可见按钮,实现密码的可见和不可见
- Android之EditText 为密码输入框时,密码的显示与隐藏
- Android之EditText 为密码输入框时,密码的显示与隐藏
- Android editText 隐藏密码框
- 把EditText变为密码框
- Android--(4)--EditText实现密码的点击显示与松开后不显示的效果
- EditText实现显示和隐藏密码
- Android-checkbox实现明文显示密码
- android EditText中的密码显示与隐藏
- EditText输入密码的显示与隐藏
- 安卓EditText显示与隐藏密码
- EditText密码可见与不可见
- LeetCode Algorithms 18. 4Sum 题解
- css3动画(annimate)基础
- React Native---iOS开发学习
- 暗网数据交易
- 深入理解 Session 与 Cookie
- 巧用checkbox与edittext实现密码框
- Android严苛模式【调试、优化、检查】优化APP
- 兼容查询网址
- Android解析压缩的xml文件
- hdu 1426 深坑dfs
- 如此理解面向对象编程----对oop全新的解读,颠覆此前的认知
- 01背包问题合集
- ios开发中数据追加写入沙盒路径而不是覆盖之前的数据
- ios-同步下载与异步下载