這篇文章給大家介紹Android中怎么利用EditText實現(xiàn)一個扁平化的登錄界面，內(nèi)容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)云計算的互聯(lián)網(wǎng)服務提供商,擁有超過13年的服務器租用、四川移動機房托管、云服務器、網(wǎng)絡空間、網(wǎng)站系統(tǒng)開發(fā)經(jīng)驗，已先后獲得國家工業(yè)和信息化部頒發(fā)的互聯(lián)網(wǎng)數(shù)據(jù)中心業(yè)務許可證。專業(yè)提供云主機、網(wǎng)絡空間、主機域名、VPS主機、云服務器、香港云服務器、免備案服務器等。

幾個重點的問題

從圖中可以看出整個布局是從上到下的分布，那我們就按這樣的順訊來分析
1.如何一張圖片圓形化的展示出來
2.整體輸入框的布局（輸入框中豎線的實現(xiàn)）
3.監(jiān)聽edittext是否有輸入
4.將checkbox的顏色與界面統(tǒng)一

1.如何將一張圖片圓形化的展示出來

我是用的是一個開源的項目CircleImageView，它可以用來輕松的實現(xiàn)圖片的圓形化
首先在build.gradle中添加依賴compile 'de.hdodenhof:circleimageview:2.1.0'
在xml布局中用來代替ImageView

2.整體輸入框的布局（輸入框中豎線的實現(xiàn)）

整個輸入框就是常規(guī)的ImageView加上textView實現(xiàn)的，分隔圖片和提示文字的豎線，需要我們用view自己去寫。

這樣一條豎線就寫好了，距離大小根據(jù)你的輸入框去調(diào)就好。
在寫editText的時候要想十分的簡潔，需要將背景設置為"@null"，自己去寫一個"shape"

"colorCursor"是自己界面的風格

3.監(jiān)聽EditText是否有輸入

我先將代碼貼出來

public class EditTextClearTools {
 public static void addClearListener(final EditText et , final ImageView iv){
  et.addTextChangedListener(new TextWatcher() {
   @Override
   public void beforeTextChanged(CharSequence s, int start, int count, int after) {

   }

   @Override
   public void onTextChanged(CharSequence s, int start, int before, int count) {

   }

   @Override
   public void afterTextChanged(Editable s) {
    //如果有輸入內(nèi)容長度大于0那么顯示clear按鈕
    String str = s + "" ;
    if (s.length() > 0){
     iv.setVisibility(View.VISIBLE);
    }else{
     iv.setVisibility(View.INVISIBLE);
    }
   }
  });

  iv.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    et.setText("");
   }
  });
 }

}

首先大家可以從布局中看出刪除按鈕默認是隱藏的android:visibility="invisible"
然后監(jiān)聽EditText的輸入事件，輸入的內(nèi)容長度如果大于0,就將刪除圖標顯示出來，并可以清空輸入。
上面的代碼是一個工具類參考這篇博客--AndroidMsky，這篇博客也寫了一個登錄的界面。

在程序中調(diào)用的代碼：

protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_logo_activty);
  init();
 }

 private void init(){
  EditText userName = (EditText) findViewById(R.id.et_userName);
  EditText password = (EditText) findViewById(R.id.et_password);
  ImageView unameClear = (ImageView) findViewById(R.id.iv_unameClear);
  ImageView pwdClear = (ImageView) findViewById(R.id.iv_pwdClear);

  EditTextClearTools.addClearListener(userName,unameClear);
  EditTextClearTools.addClearListener(password,pwdClear);
 }

關于Android中怎么利用EditText實現(xiàn)一個扁平化的登錄界面就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

當前文章：Android中怎么利用EditText實現(xiàn)一個扁平化的登錄界面-創(chuàng)新互聯(lián)
當前鏈接：http://weahome.cn/article/gijij.html