`

自定义AutoCompleteTextView

阅读更多
网上找到的都是同ArrayAdapter一起使用的,有时候需要自定义风格,咋办?follow me!


看上图,实现了清空输入框内容和删除Item功能。

其实使用AutoCompleteTextView就得实现过滤器Filterable,你得告诉它怎么过滤。由于ArrayAdapter已经帮我们实现了Filterable接口,所以我们很容易忽略这个,以为AutoCompleteTextView用起来很简单。如果你使用的是BaseAdapter呢?当然,事实上也不难,只要让它也实现Filterable接口就可以了。

下面是源码:
实现自定义的Adapter
import java.util.ArrayList;
import java.util.List;

import qianlong.qlmobile.tablet.csco.R;

import android.content.Context;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.Filter;
import android.widget.Filterable;
import android.widget.ImageView;
import android.widget.TextView;

public class AutoCompleteAdapter extends BaseAdapter implements Filterable{
	private Context context;
	private ArrayFilter mFilter;
	private ArrayList<String> mOriginalValues;//所有的Item
	private List<String> mObjects;//过滤后的item
	private final Object mLock = new Object();
	private int maxMatch=10;//最多显示多少个选项,负数表示全部
	public AutoCompleteAdapter(Context context,ArrayList<String> mOriginalValues,int maxMatch){
		this.context=context;
		this.mOriginalValues=mOriginalValues;
		this.maxMatch=maxMatch;
	}
	
	@Override
	public Filter getFilter() {
		// TODO Auto-generated method stub
		if (mFilter == null) {  
            mFilter = new ArrayFilter();  
        }  
        return mFilter;
	}
	
	private class ArrayFilter extends Filter {

		@Override
		protected FilterResults performFiltering(CharSequence prefix) {
			// TODO Auto-generated method stub
			FilterResults results = new FilterResults();  
			  
//			if (mOriginalValues == null) {  
//                synchronized (mLock) {  
//                    mOriginalValues = new ArrayList<String>(mObjects);//  
//                }  
//            }
			
            if (prefix == null || prefix.length() == 0) {  
                synchronized (mLock) {
                	Log.i("tag", "mOriginalValues.size="+mOriginalValues.size());
                    ArrayList<String> list = new ArrayList<String>(mOriginalValues);  
                    results.values = list;  
                    results.count = list.size(); 
                    return results;
                }  
            } else {
                String prefixString = prefix.toString().toLowerCase();  
  
                final int count = mOriginalValues.size();  
  
                final ArrayList<String> newValues = new ArrayList<String>(count);  
  
                for (int i = 0; i < count; i++) {
                    final String value = mOriginalValues.get(i);  
                    final String valueText = value.toLowerCase();  
  
//                    if(valueText.contains(prefixString)){//匹配所有
//                    	
//                    }
                    // First match against the whole, non-splitted value  
                    if (valueText.startsWith(prefixString)) {  //源码 ,匹配开头
                        newValues.add(value);  
                    } 
//                    else {  
//                        final String[] words = valueText.split(" ");//分隔符匹配,效率低
//                        final int wordCount = words.length;  
//  
//                        for (int k = 0; k < wordCount; k++) {  
//                            if (words[k].startsWith(prefixString)) {  
//                                newValues.add(value);  
//                                break;  
//                            }  
//                        }  
//                    }
                    if(maxMatch>0){//有数量限制  
                        if(newValues.size()>maxMatch-1){//不要太多  
                            break;  
                        }  
                    }  
                }  
  
                results.values = newValues;  
                results.count = newValues.size();  
            }  
  
            return results;
		}

		@Override
		protected void publishResults(CharSequence constraint,
				FilterResults results) {
			// TODO Auto-generated method stub
			mObjects = (List<String>) results.values;  
            if (results.count > 0) {  
                notifyDataSetChanged();  
            } else {  
                notifyDataSetInvalidated();  
            }
		}
		
	}

	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return mObjects.size();
	}

	@Override
	public Object getItem(int position) {
		// TODO Auto-generated method stub
		//此方法有误,尽量不要使用
		return mObjects.get(position);
	}

	@Override
	public long getItemId(int position) {
		// TODO Auto-generated method stub
		return position;
	}

	@Override
	public View getView(final int position, View convertView, ViewGroup parent) {
		// TODO Auto-generated method stub
		ViewHolder holder = null;
		if(convertView==null){
			holder=new ViewHolder();
			LayoutInflater inflater = (LayoutInflater)context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
			convertView=inflater.inflate(R.layout.simple_list_item_for_autocomplete, null);
			holder.tv=(TextView)convertView.findViewById(R.id.simple_item_0);  
			holder.iv=(ImageView)convertView.findViewById(R.id.simple_item_1);
			convertView.setTag(holder);
		}else{
			holder = (ViewHolder) convertView.getTag();
		}
		
		holder.tv.setText(mObjects.get(position));
		holder.iv.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				String obj=mObjects.remove(position);
				mOriginalValues.remove(obj);
				notifyDataSetChanged();
			}
		});
		return convertView;
	}

	class ViewHolder {
        TextView tv;
        ImageView iv;
    }
	
	public ArrayList<String> getAllItems(){
		return mOriginalValues;
	}
}


import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.AutoCompleteTextView;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.ImageView.ScaleType;

public class AdvancedAutoCompleteTextView extends RelativeLayout{

	private Context context;
	private AutoCompleteTextView tv;
	public AdvancedAutoCompleteTextView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
		this.context=context;
	}
	public AdvancedAutoCompleteTextView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
		this.context=context;
	}

	@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		initViews();
	}

	private void initViews() {
		RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
		tv=new AutoCompleteTextView(context);
		tv.setLayoutParams(params);
		tv.setPadding(10, 0, 40, 0);
//		tv.setSingleLine(true);
		
		RelativeLayout.LayoutParams p=new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.WRAP_CONTENT,RelativeLayout.LayoutParams.WRAP_CONTENT);
		p.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
		p.addRule(RelativeLayout.CENTER_VERTICAL);
		p.rightMargin=10;
		ImageView iv=new ImageView(context);
		iv.setLayoutParams(p);
		iv.setScaleType(ScaleType.FIT_CENTER);
		iv.setImageResource(R.drawable.delete);
		iv.setClickable(true);
		iv.setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				tv.setText("");
			}
		});
			
		this.addView(tv);
		this.addView(iv);
		
		
	}
	
	public void setAdapter(AutoCompleteAdapter adapter){
		tv.setAdapter(adapter);
	}
	
	public void setThreshold(int threshold){
		tv.setThreshold(threshold);
	}
	
	public AutoCompleteTextView getAutoCompleteTextView(){
		return tv;
	}
}


simple_list_item_for_autocomplete.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingTop="5dip"
    android:paddingBottom="5dip"
    >
	<TextView android:id="@+id/simple_item_0"
	    android:layout_width="fill_parent"
	    android:layout_height="wrap_content"
	    android:layout_weight="1"
	    android:paddingLeft="5dip"
	    android:textColor="@android:color/black"
	    />
	<ImageView android:id="@+id/simple_item_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitCenter"
        android:src="@drawable/delete"
        android:layout_centerVertical="true"
        android:layout_marginRight="5dip"
	    />
</LinearLayout>


使用,通常情况下都这样:
private AdvancedAutoCompleteTextView tv;
	private AutoCompleteAdapter adapter;
	private ArrayList<String> mOriginalValues=new ArrayList<String>();
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        mOriginalValues.add("1234561");
        mOriginalValues.add("1234562");
        mOriginalValues.add("2234563");
        mOriginalValues.add("2234564");
        mOriginalValues.add("3234561111");
        mOriginalValues.add("32345622222");
        mOriginalValues.add("323456333333");
        mOriginalValues.add("3234564444");
        mOriginalValues.add("3234565555");
        mOriginalValues.add("32345666666");
        mOriginalValues.add("32345777777");
        
		tv = (AdvancedAutoCompleteTextView) findViewById(R.id.tv);
		tv.setThreshold(0);
		adapter = new AutoCompleteAdapter(this, mOriginalValues, 10);
		tv.setAdapter(adapter);
    }



android自定义本地邮箱联想组件(基于MultiAutoCompleteTextView)
http://blog.csdn.net/lcq5211314123/article/details/40346263
  • 大小: 49.4 KB
分享到:
评论
9 楼 maotou1988 2017-05-08  
Android控件之带清空按钮(功能)的AutoCompleteTextView自动提示
https://lison.cc/440.html
8 楼 wangpingtaohn 2014-11-16  
怎么把下拉列表的边缘去掉呀?
7 楼 lu6603547 2014-04-25  
很有用
6 楼 imknown 2013-09-30  
gundumw100 写道
imknown 写道
小白求教: 点击列表中其中一项, 会触发哪一个事件哪? 3Q


tv=new AutoCompleteTextView(context);
看看有没有tv.setOnItemClickListener()方法。



嗯!!谢了!!我没有及时看到回复, 不好意思, 所以我之后暂时用系统自带的控件了. 功能优化的时候再看看这个控件!!谢了!!
5 楼 gundumw100 2013-09-05  
imknown 写道
小白求教: 点击列表中其中一项, 会触发哪一个事件哪? 3Q


tv=new AutoCompleteTextView(context);
看看有没有tv.setOnItemClickListener()方法。

4 楼 imknown 2013-09-05  
小白求教: 点击列表中其中一项, 会触发哪一个事件哪? 3Q
3 楼 hmxingkong 2012-08-02  
顶上
2 楼 ms_880501 2012-07-04  
mObjects 为null了!!
1 楼 yangjiantong 2012-03-08  
楼主写的文章都很不错,给顶个!

相关推荐

    Android自定义AutoCompleteTextView

    本文将深入探讨如何自定义AutoCompleteTextView,以满足特定的设计需求。 首先,我们来了解AutoCompleteTextView的基本用法。在Android Studio中,可以通过以下XML代码添加一个基本的AutoCompleteTextView: ```...

    自定义AutoCompleteTextView下拉列表控件

    在给定的标题“自定义AutoCompleteTextView下拉列表控件”中,我们可以理解为开发者想要超越Android原生`AutoCompleteTextView`的功能,创建一个更加定制化的版本,以满足特定需求。描述中提到“扩展Android系统自带...

    android使用AutoCompleteTextView自定义适配器样式

    下面是一些关于自定义`AutoCompleteTextView`适配器的关键知识点: 1. **继承自BaseAdapter**: - `BaseAdapter`是适配器的一个基类,可以用来定制数据源和视图之间的绑定。我们需要重写`getCount()`,`getItem()`...

    android 百度地图 AutoCompleteTextView联想刷新实现检索

    android 百度地图 AutoCompleteTextView联想刷新实现检索 很全面的

    AutoCompleteTextViewDemo

    6. **交互反馈**:为了提供良好的用户体验,可以自定义AutoCompleteTextView的样式,比如设置提示列表的背景颜色、字体大小等。此外,还可以监听`.setOnItemClickListener()`事件,以便在用户选择历史记录时执行相应...

    使用AutoCompleteTextView实现自动匹配输入的内容

    6. **自定义样式**:根据设计需求,可以自定义AutoCompleteTextView的样式,包括文字颜色、背景色、下拉列表的样式等。 7. **过滤逻辑**:如果需要更复杂的过滤规则,可以重写适配器的`getFilter()`方法,以实现...

    AutoCompleteTextView的简单使用

    ### 自定义AutoCompleteTextView 1. **自定义布局** 你可以为下拉列表的每一项创建自定义布局,以展示更多的信息,例如: ```xml &lt;!-- custom_dropdown_item.xml --&gt; android:id="@+id/item_icon" android...

    AutoCompleteTextView demo

    总结来说,"AutoCompleteTextView demo"是一个关于如何使用BaseAdapter实现自定义AutoCompleteTextView功能的实例。它涵盖了AutoCompleteTextView的基本用法、适配器的创建以及自定义界面等方面,对于理解Android...

    AutoCompleteTextView自定义Item的布局

    实现工具Android studio,一般AutoCompleteTextView提示语列表的适配器只能系统提供的ArrayAdapter等,这里自定义适配器继承了BaseAdapter。

    AutocompleteTest.zip

    9. **自定义布局**: 可以自定义AutoCompleteTextView下拉列表中的每一项的布局,以满足个性化需求。通过重写`getView()`方法,我们可以自由地定制每个条目的视图。 10. **测试与调试**: `AutocompleteTest`很可能...

    AutoCompleteTextView和自定义的CursorAdapter

    这篇文章将深入探讨`AutoCompleteTextView` 的工作原理以及如何结合自定义的`CursorAdapter`来实现更灵活的数据绑定。 `AutoCompleteTextView`是`EditText`的一个子类,它可以动态地根据用户输入的内容展示下拉列表...

    Android 源代码

    **自定义AutoCompleteTextView** 开发者还可以根据需求自定义`AutoCompleteTextView`的行为,例如: - 自定义过滤逻辑:通过重写`Filter`类并设置到适配器中,可以改变匹配规则。 - 自定义下拉列表样式:使用`...

    android中AutoCompleteTextView的简单用法(实现搜索历史)

    如果需要自定义AutoCompleteTextView的行为,如过滤逻辑、列表项的点击事件等,可以通过实现`Filterable`接口或者覆盖`ArrayAdapter`的方法来实现。 5. 提示效果设置: 可以通过设置`setThreshold(int)`方法来...

    autoCompleteTextView

    autoCompleteTextView自定义BaseAdapter,实现下拉单的自定义样式,用sqlite数据库存放历史记录,进行写入时提示。点击某个下拉单写入autoCompleeTextView中。

    AutoCompleteTextView

    这个简单的例子展示了如何利用自定义布局来实现AutoCompleteTextView的功能,使得用户界面更加灵活和个性化。 在Android应用设计中,AutoCompleteTextView常用于提升用户体验,比如在搜索框中,当用户开始输入时,...

    实例讲解Android中的AutoCompleteTextView自动补全组件

    若需实现此功能,我们需要自定义AutoCompleteTextView: ```java public class MyAutoCompleteTextView extends AutoCompleteTextView { public MyAutoCompleteTextView(Context context) { super(context); } ...

    AutoCompleteTextView自动提示问题

    AutoCompleteTextView是Android SDK提供的一种UI组件,用于在用户输入时提供下拉列表的自动提示功能,极大地提升了用户的输入体验。这个控件通常用于搜索框、地址输入等场景,可以根据用户输入的部分字符快速匹配出...

    AutoCompleteTextView 显示更多

    通过自定义布局文件或自定义Adapter,开发者能够有效地优化AutoCompleteTextView的表现,提升用户的使用体验。这些技巧不仅限于增加下拉列表中显示的条目数量,还能应用于其他方面,如改变字体样式、背景颜色等,以...

Global site tag (gtag.js) - Google Analytics