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 接口 实现了上述功能。

运行效果截图

 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

 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 布局文件

 <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

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


}


}


}