Android 는 로그 인 메 일의 자동 완성 기능 을 실현 합 니 다.

본 논문 의 사례 는 안 드 로 이 드 로그 인 메 일 자동 완성 기능 의 실현 방법 을 공유 하여 여러분 께 참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
효과:

실현 원리:
1,계승 재 작성 간단 한 컨트롤 AutoComplete TextView
2.사용자 정의 데이터 어댑터 와 레이아웃 파일 을 작성 하고 문자 변화 모니터 를 실현 합 니 다.
3.조합 방식 을 통 해 오른쪽 에 있 는 아이콘 을 삭제 합 니 다.또한 초점 과 문자 의 변화 에 따라 오른쪽 에 아이콘 을 동적 으로 표시 합 니 다.
1.간단 한 컨트롤 을 계승 하여 AutoComplete TextView 를 통 해 계 정 자동 완성 실현
키 코드:

public class AutoComplete extends AutoCompleteTextView {

  private static final String[] emailSuffix = {
    "@qq.com", "@163.com", "@126.com", "@gmail.com", "@sina.com", "@hotmail.com",
    "@yahoo.cn", "@sohu.com", "@foxmail.com", "@139.com", "@yeah.net", "@vip.qq.com",
    "@vip.sina.com"};

  ......   ......

  //         ，      

  public AutoComplete(Context context) {
    super(context);
    mContext = context;
  }

  public AutoComplete(Context context, AttributeSet attrs) {
    super(context, attrs);
    mContext = context;
  }

  public void init(ImageView imageView) {
    mImageView = imageView;
    final MyAdatper adapter = new MyAdatper(mContext);
    setAdapter(adapter);
    addTextChangedListener(new TextWatcher() {
      @Override
      public void afterTextChanged(Editable s) {
        if (isTextWatch) {
          String input = s.toString();

          ......   ......

          adapter.clearList(); //       ，       ，      
          if (input.length() > 0) {
            for (int i = 0; i < emailSuffix.length; ++i) {
              adapter.addListData(input + emailSuffix[i]);
            }
          }
          adapter.notifyDataSetChanged();
          showDropDown();//         
        }
      }
    });
    //               
    setThreshold(1);
  }

  private class ViewHolder {
    TextView tv_Text;
  }

  class MyAdatper extends BaseAdapter implements Filterable {
    private List<String> mList;
    private Context mContext;
    private MyFilter mFilter;

    ......   ......

    public void clearList() {
      mList.clear();
    }

    public void addListData(String strData) {
      mList.add(strData);
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      View view;
      ViewHolder viewHolder;

      if (convertView == null) {
        view = LayoutInflater.from(mContext).inflate(R.layout.activity_autocomplete_item, null);
        viewHolder = new ViewHolder();
        viewHolder.tv_Text = (TextView) view.findViewById(R.id.tv_autocomplete);
        view.setTag(viewHolder);
      } else {
        view = convertView;
        viewHolder = (ViewHolder) view.getTag();
      }

      viewHolder.tv_Text.setText(mList.get(position));

      return view;
    }

    ......   ......

  }

activity_autocomplete_아 이 템 드 롭 다운 목록 레이아웃 파일

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:background="@color/White"
  android:layout_height="wrap_content">

  <TextView
    android:id="@+id/tv_autocomplete"
    android:padding="15dp"
    android:textSize="20sp"
    android:singleLine="true"
    android:textColor="@color/Black"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

</LinearLayout>

위의 자동 완성 효과 도:

2.조합 방식 을 통 해 계 정 자동 완성 복잡 한 컨트롤
키 코드:

public class AdvancedAutoCompleteTextView extends RelativeLayout {
  private Context mContext;
  private AutoComplete mAutoComplete; //        
  private ImageView mImageView;    //       

  ......   ......

  @Override
  protected void onFinishInflate() {
    super.onFinishInflate();
    initViews();
  }
  //    ，     
  private void initViews() {
    RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
    params.addRule(RelativeLayout.ALIGN_PARENT_LEFT);
    params.addRule(RelativeLayout.CENTER_VERTICAL);
    mAutoComplete = new AutoComplete(mContext);
    mAutoComplete.setLayoutParams(params);
    mAutoComplete.setPadding(0, 0, 40, 0);
    mAutoComplete.setSingleLine(true);
    mAutoComplete.setInputType(InputType.TYPE_TEXT_VARIATION_EMAIL_ADDRESS);
    mAutoComplete.setFitsSystemWindows(true);
    mAutoComplete.setEms(10);
    mAutoComplete.setHint("URS  ");
    mAutoComplete.setImeOptions(EditorInfo.IME_ACTION_NEXT
                | EditorInfo.IME_FLAG_NO_EXTRACT_UI | EditorInfo.IME_FLAG_NO_FULLSCREEN);
    mAutoComplete.setDropDownHorizontalOffset(0);
    mAutoComplete.setDropDownVerticalOffset(2);
    mAutoComplete.setBackgroundResource(R.drawable.edit_text_background);

    RelativeLayout.LayoutParams p = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT, LayoutParams.FILL_PARENT);
    p.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
    p.addRule(RelativeLayout.CENTER_VERTICAL);
    p.rightMargin = 10;
    mImageView = new ImageView(mContext);
    mImageView.setLayoutParams(p);
    mImageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
    mImageView.setImageResource(R.drawable.unselect);
    mImageView.setClickable(true);
    mImageView.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        setText("");
      }
    });

    this.addView(mAutoComplete);
    this.addView(mImageView);
    //        ，  ：     ，       
    mAutoComplete.setOnFocusChangeListener(new OnFocusChangeListener() {
      @Override
      public void onFocusChange(View v, boolean hasFocus) {
        if (hasFocus && !mAutoComplete.getText().toString().isEmpty()) {
          mAutoComplete.setShow(false); //          ，       ，   ，             
          mImageView.setImageResource(R.drawable.item_delete);
        } else if (hasFocus) {
          mAutoComplete.setShow(true);//          ，      ，    ，             
        } else {
          mAutoComplete.setShow(false);
          mImageView.setImageResource(R.drawable.unselect);
        }
      }
    });

         // AutoComplete        ，       .  ，   AutoComplete      ,   ，   

    mAutoComplete.init(mImageView); 
  }
}

이상 은 본문의 전체 내용 이 므 로 여러분 의 학습 에 도움 이 되 기 를 바 랍 니 다.