Android -- EditText（二） 输入密码

Android – EditText（二） 输入密码

1. 简单应用系统掩码（’.’）

a) 在布局文件中设置：

android:inputType="numberPassword"

b) 在java文件中设置：

EditText etPassword = new EditText(this);
//只能输入数字
etPassword.setInputType(InputType.TYPE_CLASS_NUMBER); //InputType.TYPE_CLASS_TEXT --> 文字
etPassword.setTransformationMethod(PasswordTransformationMethod.getInstance());

c) 控制密码显隐：

etPassword.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
etPassword.setTransformationMethod(PasswordTransformationMethod.getInstance());

2. 自定义掩码：(’@,#,$,%…’)

效果图：（输入密码时不让录屏。。。）

解析：

1. 布局：

   <RelativeLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginLeft="@dimen/margin_15">
   
       <EditText
           android:id="@+id/etPassword"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:paddingLeft="@dimen/padding_5"
           android:paddingTop="@dimen/padding_3"
           android:paddingBottom="@dimen/padding_3"
           android:hint="numberPassword"
           android:inputType="numberPassword"
           android:background="@drawable/edit_text_frame"/>
   
       <ToggleButton
           android:id="@+id/tbControl"
           android:layout_width="20dp"
           android:layout_height="20dp"
           android:layout_alignParentRight="true"
           android:layout_centerVertical="true"
           android:layout_marginRight="@dimen/margin_10"
           android:background="@drawable/selector_check_passowrd"
           android:textOff=""
           android:textOn="" />
       </RelativeLayout>
   

2. 调用：

   private SelfPasswordTransformationMethod transformationMethod;
   private EditText etPassword;
   private ToggleButton tbControl;//掩码显隐开关
   
   //初始化
   etPassword = findViewById(R.id.etPassword);
   tbControl = findViewById(R.id.tbControl);
   transformationMethod = new SelfPasswordTransformationMethod('@');//可根据自己喜欢设置
   etPassword.setTransformationMethod(transformationMethod);
   
   //控制显隐
   tbControl.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
       @Override
       public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
           if(isChecked){
               etPassword.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
           }else{
               //不用调用实例：.getInstance() （否则会变回默认掩码）
               etPassword.setTransformationMethod(transformationMethod);
           }
       }
   });
   

3. 自定义掩码类（重点）：

   public class SelfPasswordTransformationMethod extends PasswordTransformationMethod {
       private char mask;
       public SelfPasswordTransformationMethod(char mask){
           if(mask==' '){
               this.mask = '*';//default mask
           }else{
               this.mask = mask;
           }
       }
   
       @Override
       public CharSequence getTransformation(CharSequence source, View view) {
           return new PasswordCharSequence(source);
       }
   
       private class PasswordCharSequence implements CharSequence {
           private CharSequence mSource;
   
           public PasswordCharSequence(CharSequence source) {
               this.mSource = source; // Store char sequence
           }
   
           public char charAt(int index) {
               return mask; // This is the important part
           }
   
           public int length() {
               return mSource.length(); // Return default
           }
   
           public CharSequence subSequence(int start, int end) {
               return mSource.subSequence(start, end); // Return default
           }
       }
   }
   

4. 相关配置文件（输入框，掩码开关）

   <!--自定义外框: edit_text_frame.xml--> 
   <?xml version="1.0" encoding="utf-8"?>
   <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
       <stroke android:color="@color/colorGery"
           android:width="1dp"/>
       <corners android:radius="10dp"/>
   </shape>
   

   <!--掩码开关按钮（需两个.png图标）: selector_check_passowrd.xml--> 
   <?xml version="1.0" encoding="utf-8"?>
   <selector xmlns:android="http://schemas.android.com/apk/res/android">
       <item android:state_checked="true" android:drawable="@drawable/icon_eye_open"/>
       <item android:state_checked="false" android:drawable="@drawable/icon_eye_closed"/>
   </selector>