快捷導航

Android自定義EditText實現(xiàn)淘寶登錄功能

更新時間：2017年12月07日 11:46:37 作者：tsaopin

這篇文章主要為大家詳細介紹了Android自定義EditText實現(xiàn)淘寶登錄功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文主要是自定義了EditText，當EditText有文本輸入的時候會出現(xiàn)刪除圖標，點擊刪除圖標實現(xiàn)文本的清空，其次對密碼的返回做了處理，用*替代系統(tǒng)提供的.。

首先看效果圖：

整體布局UI：

 <com.example.zdyedittext.ClearEditText
    android:id="@+id/editText1"
    android:layout_width="fill_parent"
    android:layout_height="35dp"
    android:layout_alignTop="@+id/imageView1"
    android:layout_marginLeft="17dp"
    android:layout_toRightOf="@+id/imageView1"
    android:background="@android:color/white"
    android:ems="10"
    android:hint="手機號"
    android:padding="8dp"
    android:singleLine="true" />

  <com.example.zdyedittext.ClearEditText
    android:id="@+id/et_pass_word"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="密碼"
    android:background="@android:color/white"
    android:password="true"
    android:padding="8dp"
    android:singleLine="true" />

自定義EditText類

由于自定義EditText理所當然要集成EditText

public class ClearEditText extends EditText

然后添加構(gòu)造方法，是為了能在XML中能夠引用。

 public ClearEditText(Context context, AttributeSet attrs) {  
    this(context, attrs, android.R.attr.editTextStyle); 
  }

接下來就是設(shè)置自己的EditText的樣式，添加自己想要的樣式。具體是在init()方法中實現(xiàn)。

 public ClearEditText(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
    init(); 
  }

init()方法的實現(xiàn)過程：[2]參數(shù)為：dr.mDrawableRight，定義刪除按鈕是在EditText的右邊，設(shè)置圖標的左上右下：mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight());

private void init() { 
    // 獲取EditText的DrawableRight,假如沒有設(shè)置我們就使用默認的圖片 
    mClearDrawable = getCompoundDrawables()[2]; 
    if (mClearDrawable == null) {  
      mClearDrawable = getResources().getDrawable(R.drawable.del);//R.drawable.del刪除圖標的圖片 
    } 
    mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(), mClearDrawable.getIntrinsicHeight()); 

    //設(shè)置圖標的左上右下
    // 默認設(shè)置隱藏圖標 
    setClearIconVisible(false); 
    // 設(shè)置焦點改變的監(jiān)聽 
    setOnFocusChangeListener(this); 
    // 設(shè)置輸入框里面內(nèi)容發(fā)生改變的監(jiān)聽 
    addTextChangedListener(this); 
  }

由于不能直接給EditText設(shè)置監(jiān)聽事件，所以采用記錄點擊位置來模擬點擊事件，只記錄了魚圖標的左右點擊。

public boolean onTouchEvent(MotionEvent event) { 
    if (event.getAction() == MotionEvent.ACTION_UP) { 
      if (getCompoundDrawables()[2] != null) { 

        boolean touchable = event.getX() > (getWidth() - getTotalPaddingRight()) && (event.getX() < ((getWidth() - getPaddingRight()))); 

        if (touchable) { 
          this.setText(""); 
        } 
      } 
    } 

    return super.onTouchEvent(event); 
  }

判斷輸入框中是否有文字，動態(tài)設(shè)置刪除圖標的顯示和隱藏。

public void onFocusChange(View v, boolean hasFocus) { 
    this.hasFoucs = hasFocus; 
    if (hasFocus) { 
      setClearIconVisible(getText().length() > 0); 
    } else { 
      setClearIconVisible(false); 
    } 
  }

如果輸入框中有文字那么久繪制刪除圖標

protected void setClearIconVisible(boolean visible) { 
    Drawable right = visible ? mClearDrawable : null; 
    setCompoundDrawables(getCompoundDrawables()[0], getCompoundDrawables()[1], right, getCompoundDrawables()[3]); 
  }

當輸入框內(nèi)容發(fā)生變化的時候動態(tài)改變刪除圖標

 public void onTextChanged(CharSequence s, int start, int count, int after) { 
    if (hasFoucs) { 
      setClearIconVisible(s.length() > 0); 
    } 
  }

至此就完成了：當屬框中沒有文本的時候刪除圖標隱藏當有文本輸入的時候，刪除圖標顯示，點擊刪除圖標，清空文本內(nèi)容。

自定義InputType返回為”*”

設(shè)置密碼樣式要繼承PasswordTransformationMethod這個類然后實現(xiàn)CharSequence方法去修改CharAt的返回值為“*”即可。

 private class PasswordCharSequence implements CharSequence {
    private CharSequence mSource;
    public PasswordCharSequence(CharSequence source) {
      mSource = source; // Store char sequence
    }
    這里用于修改InputType的返回樣式
    public char charAt(int index) {
      return '*'; // 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
    }
  }

然后在主程序中初始化控件，在布局中設(shè)置android:password=”true”這一行代碼，以便在代碼中動態(tài)設(shè)置密碼輸入的返回樣式。

et_pass_word = (ClearEditText) findViewById(R.id.et_pass_word);
et_pass_word.setTransformationMethod(new EditTextBgToStar());

總結(jié)：

在自定義的EditText中加入刪除圖標的監(jiān)聽，由于不能直接設(shè)置，所以采用記錄按下的位置來模擬點擊事件。總體實現(xiàn)思路就是在EditText的右邊畫一個刪除圖標，然后動態(tài)設(shè)置顯示或隱藏，通過設(shè)置監(jiān)聽事件，來動態(tài)顯示，清除文本框中的文本。在自定義密碼返回樣式的時候，主要就是繼承PasswordTransformationMethod這個類，實現(xiàn)CharSequence方法，替換輸入樣式為自定義。

點擊下載源碼

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: