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

来源：互联网发布：淘宝宝贝降权查询编辑：程序博客网时间：2024/04/28 20:39

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

效果：

实现原理：

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

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

关键代码：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
public class AutoComplete extendsAutoCompleteTextView {
privatestatic 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"};
......省略号......
//构造函数原型要正确，留给系统调用
publicAutoComplete(Context context) {
super(context);
mContext = context;
}
publicAutoComplete(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
}
publicvoid init(ImageView imageView) {
mImageView = imageView;
finalMyAdatper adapter = newMyAdatper(mContext);
setAdapter(adapter);
addTextChangedListener(newTextWatcher() {
@Override
publicvoid 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);
}
privateclass ViewHolder {
TextView tv_Text;
}
classMyAdatper extendsBaseAdapter implementsFilterable {
privateList<String> mList;
privateContext mContext;
privateMyFilter mFilter;
......省略号......
publicvoid clearList() {
mList.clear();
}
publicvoid addListData(String strData) {
mList.add(strData);
}
@Override
publicView getView(intposition, 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));
returnview;
}
......省略号......
}

activity_autocomplete_item 下拉列表布局文件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?xmlversion="1.0"encoding="utf-8"?>
<LinearLayoutxmlns: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、通过组合方式实现帐号自动补全复杂控件

关键代码：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
public class AdvancedAutoCompleteTextView extendsRelativeLayout {
privateContext mContext;
privateAutoComplete mAutoComplete; //上面的自定义控件
privateImageView mImageView; //右侧的图标控件
......省略号......
@Override
protectedvoid onFinishInflate() {
super.onFinishInflate();
initViews();
}
//代码方式，初始化布局
privatevoid 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(newView.OnClickListener() {
@Override
publicvoid onClick(View v) {
setText("");
}
});
this.addView(mAutoComplete);
this.addView(mImageView);
//监听获取焦点事件，目的：输入帐号时，右侧图标的显示
mAutoComplete.setOnFocusChangeListener(newOnFocusChangeListener() {
@Override
publicvoid 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);
}
}

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

0 0