Android：控件AutoCompleteTextView 自动提示

在输入框中输入我们想要输入的信息就会出现其他与其相关的提示信息，这种效果在Android中是用AutoCompleteTextView实现的。

<AutoCompleteTextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/autotext"
/>

public class MainActivity extends Activity {
private AutoCompleteTextView autotext;
private ArrayAdapter<String> arrayAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.test);

autotext =(AutoCompleteTextView) findViewById(R.id.autotext);
String [] arr={"aa","aab","aac"};
arrayAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1,arr);
autotext.setAdapter(arrayAdapter);
}

}

AutoCompleteTextView常用属性
android:completionHint	设置出现在下拉菜单中的提示标题
android:completionThreshold	设置用户至少输入多少个字符才会显示提示
android:dropDownHorizontalOffset	下拉菜单于文本框之间的水平偏移。默认与文本框左对齐
android:dropDownHeight	下拉菜单的高度
android:dropDownWidth	下拉菜单的宽度
android:singleLine	单行显示
android:dropDownVerticalOffset	垂直偏移量

========================================

自定义适配器

========================================

最近项目中需要做搜索功能，实现类似 Google、Baidu 搜索的 下拉提示效果。android为我们提供了 AutoCompleteTextView 控件来完成此功能。

网上好多例子都是简单使用 ArrayAdapter 来实现的，界面比较简单，实际项目中用处不大；自己研究了一番，自定义Adapter 继承BaseAdapter 并实现Filterable 接口 实现了上述功能。

运行效果截图



[java] view
plain

package com.example.actv;

import java.util.ArrayList;

import java.util.List;

import com.example.actv.entity.PhoneContact;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.AutoCompleteTextView;

public class MainActivity extends Activity implements OnItemClickListener {

List<PhoneContact> mList;

private AutoCompleteTextView mACTV;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

buildAppData();

findView();

}

private void buildAppData() {

String[] names = { "abc", "allen", "bird", "bike", "book", "cray",

"david", "demon", "eclipse", "felling", "frank", "google",

"green", "hill", "hook","jin zhiwen", "jack", "jay", "king","kevin","kobe",

"lily", "lucy", "mike", "nike", "nail", "open","open cv",

"panda", "pp", "queue", "ray allen", "risk", "tim cook","T-MAC","tony allen",

"x man", "x phone", "yy", "world", "w3c", "zoom","zhu ziqing"};

mList = new ArrayList<PhoneContact>();

for (int i = 0; i < names.length; i++) {

PhoneContact pc = new PhoneContact(100 + i, names[i], "1861234567"

+ i, names[i].concat("@gmail.com"));

mList.add(pc);

}

}

private void findView() {

mACTV = (AutoCompleteTextView) findViewById(R.id.mACTV);

PhoneAdapter mAdapter = new PhoneAdapter(mList, getApplicationContext());

mACTV.setAdapter(mAdapter);

mACTV.setThreshold(1); //设置输入一个字符 提示，默认为2

mACTV.setOnItemClickListener(this);

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return true;

}

@Override

public void onItemClick(AdapterView<?> parent, View view, int position,

long id) {

PhoneContact pc = mList.get(position);

mACTV.setText(pc.getName()+" "+pc.getPhone());

}

}

自定义Adapter

[java] view
plain

package com.example.actv;

import java.util.ArrayList;

import java.util.List;

import android.content.Context;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.Filter;

import android.widget.Filterable;

import android.widget.TextView;

import com.example.actv.entity.PhoneContact;

public class PhoneAdapter extends BaseAdapter implements Filterable {

private ArrayFilter mFilter;

private List<PhoneContact> mList;

private Context context;

private ArrayList<PhoneContact> mUnfilteredData;

public PhoneAdapter(List<PhoneContact> mList, Context context) {

this.mList = mList;

this.context = context;

}

@Override

public int getCount() {

return mList==null ? 0:mList.size();

}

@Override

public Object getItem(int position) {

// TODO Auto-generated method stub

return mList.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

View view;

ViewHolder holder;

if(convertView==null){

view = View.inflate(context, R.layout.phone_item, null);

holder = new ViewHolder();

holder.tv_name = (TextView) view.findViewById(R.id.tv_name);

holder.tv_phone = (TextView) view.findViewById(R.id.tv_phone);

holder.tv_email = (TextView) view.findViewById(R.id.tv_email);

view.setTag(holder);

}else{

view = convertView;

holder = (ViewHolder) view.getTag();

}

PhoneContact pc = mList.get(position);

holder.tv_name.setText("姓名："+pc.getName());

holder.tv_phone.setText("电话："+pc.getPhone());

holder.tv_email.setText("Email："+pc.getEmail());

return view;

}

static class ViewHolder{

public TextView tv_name;

public TextView tv_phone;

public TextView tv_email;

}

@Override

public Filter getFilter() {

if (mFilter == null) {

mFilter = new ArrayFilter();

}

return mFilter;

}

private class ArrayFilter extends Filter {

@Override

protected FilterResults performFiltering(CharSequence prefix) {

FilterResults results = new FilterResults();

if (mUnfilteredData == null) {

mUnfilteredData = new ArrayList<PhoneContact>(mList);

}

if (prefix == null || prefix.length() == 0) {

ArrayList<PhoneContact> list = mUnfilteredData;

results.values = list;

results.count = list.size();

} else {

String prefixString = prefix.toString().toLowerCase();

ArrayList<PhoneContact> unfilteredValues = mUnfilteredData;

int count = unfilteredValues.size();

ArrayList<PhoneContact> newValues = new ArrayList<PhoneContact>(count);

for (int i = 0; i < count; i++) {

PhoneContact pc = unfilteredValues.get(i);

if (pc != null) {

if(pc.getName()!=null && pc.getName().startsWith(prefixString)){

newValues.add(pc);

}else if(pc.getEmail()!=null && pc.getEmail().startsWith(prefixString)){

newValues.add(pc);

}

}

}

results.values = newValues;

results.count = newValues.size();

}

return results;

}

@Override

protected void publishResults(CharSequence constraint,

FilterResults results) {

//noinspection unchecked

mList = (List<PhoneContact>) results.values;

if (results.count > 0) {

notifyDataSetChanged();

} else {

notifyDataSetInvalidated();

}

}

}

}

注意：一定要实现 Filterable 接口，否则无效

MainActivity 布局文件

[html] view
plain

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity" >

<AutoCompleteTextView

android:id="@+id/mACTV"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:hint="" >

<requestFocus />

</AutoCompleteTextView>

</RelativeLayout>

phone_item.xml

[html] view
plain

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="wrap_content" >

<ImageView

android:id="@+id/ivIcon"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:contentDescription="@string/app_name"

android:src="@drawable/ic_launcher" />

<LinearLayout

android:id="@+id/appInfo"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="5dip"

android:layout_toRightOf="@id/ivIcon"

android:orientation="vertical" >

<TextView

android:id="@+id/tv_name"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/person_name"

android:textColor="#000000"

android:textSize="16sp" />

<TextView

android:id="@+id/tv_phone"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/phone"

android:textColor="#666666"

android:textSize="13sp" />

<TextView

android:id="@+id/tv_email"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/email"

android:textColor="#666666"

android:textSize="13sp" />

</LinearLayout>

<Button

android:id="@+id/btnClick"

android:layout_width="80dip"

android:layout_height="wrap_content"

android:layout_alignParentRight="true"

android:layout_centerVertical="true"

android:focusable="false"

android:text="@string/call"

android:textColor="#000000"

android:textSize="16sp" />

</RelativeLayout>

==================================================
二次修改 适配器 BUG 修复显示红色输入问题

//
BaseAdapter implements Filterable

//
implements ListAdapter, Filterable

==================================================

import java.util.ArrayList;

import android.content.Context;

import android.database.DataSetObserver;

import android.text.Html;

import android.text.Spanned;

import android.util.Log;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.Filter;

import android.widget.Filterable;

import android.widget.ListAdapter;

import android.widget.TextView;

public class AutoViewArrayAdapter extends BaseAdapter implements Filterable {

// BaseAdapter implements Filterable

// implements ListAdapter, Filterable

String[] strs;

Context conx;

MyFilter myFilter;

/**

* 输入框中当前的关键字

*/

String tempKeyString;

public AutoViewArrayAdapter(String[] strs, Context conx)

{

super();

this.strs = strs;

this.conx = conx;

}

@Override

public int getCount()

{

return strs.length;

}

@Override

public Object getItem(int position)

{

return strs[position];

}

@Override

public long getItemId(int position)

{

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent)

{

Log.i("---position---", "" + position);

TextView tx = new TextView(conx);

View view = View.inflate(conx, android.R.layout.simple_list_item_1, null);

tx = (TextView)view.findViewById(android.R.id.text1);

String temp1 = strs[position];

//使用网页来显示字体

String strText =

"<font color= 'red' type='bold'>"+ tempKeyString + "</font>"

+ "<font color= 'black' type='bold'>" + temp1.substring(tempKeyString.length(), temp1.length()) + "</font>" ;

Spanned fromHtml = Html.fromHtml(strText);

tx.setText(fromHtml);

return tx;

}

@Override

public Filter getFilter()

{

//自定义的拦截器，对包含的关键字进行处理

if (null == myFilter)

{

myFilter = new MyFilter();

}

return myFilter;

}

/**

* Filter就是一个拦截器和过滤器，（就是给自动完成文本框的一个拦截器）我们在使用自动完成文本框的时候

* @author pqp66011

*/

class MyFilter extends Filter {

String[] strsContains;

public MyFilter()

{

super();

strsContains = strs;

}

/**

*在这个方法里执行过滤方法

*/

@Override

protected FilterResults performFiltering(CharSequence constraint)

{

Log.i(" constraint ", "constraint == " + constraint);

//filterREsults是filter的一个结果对象，里面只包括两个成员属性，Object 和 count

FilterResults result = new FilterResults();

//定义一个集合来保存数组中存在的关键字的字符串

ArrayList<String> strsTemp = new ArrayList<String>();

//在这里可以获取autoCompeted中输入的信息

//把字符串中包含这个关键字的item返回给adapter.

if (null != constraint && constraint.length() > 0)

{

for (int i = 0; i < strsContains.length; i++)

{

String tempstr = strsContains[i];

//同一做大小写的处理

if (tempstr.toLowerCase().contains(constraint.toString()

.toLowerCase()))//包含关键字的添加进去

{

strsTemp.add(tempstr);

}

}

result.values = strsTemp;

result.count = strsTemp.size();

}

//这个结果集 将会返回给 publishResults 方法中的 FilterResults results这个参数 所以我们在下面获取

return result;

}

/**

* 在这个方法里发布筛选过后得到的数据同时更新Adapter更新

*/

@Override

protected void publishResults(CharSequence constraint, FilterResults results)

{

ArrayList<String> tempList = (ArrayList<String>) results.values;

if (null != tempList)

{

String[] strsTemps = new String[tempList.size()];

for (int i = 0; i < tempList.size(); i++)

{

strsTemps[i] = tempList.get(i);

}

strs = strsTemps;

//这个时候输入的关键字

tempKeyString = constraint.toString();

// notifyDataSetInvalidated();

}

notifyDataSetChanged();

}

}

}