当前位置： 移动技术网 > 移动技术>移动开发>Android > Android实现登录邮箱的自动补全功能

Android实现登录邮箱的自动补全功能

2019年07月24日  | 移动技术网移动技术  | 我要评论

本文实例为大家分享了android登录邮箱自动补全功能的实现方法，供大家参考，具体内容如下

效果：

实现原理：

1、继承重写简单控件autocompletetextview
2、编写自定义数据适配器和布局文件，并实现文字变化监听器
3、通过组合方式，实现右侧的删除图标。并根据焦点和文字的变化，动态显示右侧删除图标。

1、通过继承自简单控件autocompletetextview实现帐号自动补全

关键代码：

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_item 下拉列表布局文件

<?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); 
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网