Android

前言

之前讲过EditText，有兴趣的朋友可以看一下。这篇博客主要说明的是自动完成文本框，它实际上也是一个文本编辑框，可以理解为对EditText功能的扩展，它对输入的内容可以进行提示并且自动完成。本文会讲解常用属性设置，以及如何向AutoCompleteTextView增加提示数据，最后将使用一个demo演示一下。

 

说明

自动完成文本框（AutoCompleteTextView），可以从官方文档上看出，是从EditText继承而来，所以它实际上也是一个文本编辑框，只是多了一个自动提示输入补全的功能。功能类似于：当用户输入一定字符之后，自动完成文本框会显示一个下拉列表，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView会按照的选择自动填写该文本框。

 

常用属性

因为是继承自EditText，所以AutoCompleteTextView除了可以使提供用Edit的属性和方法之外，还支持如下一些特殊的属性及方法，这里只介绍一些常用的，具体请参见官方文档：

• android:completionHint/setCompletionHint(CharSequence)：设置出现下拉列表的提示标题。
• android:completionTjreshold/setThreshold(int):设置至少输入几个字符才会显示提示。
• android:dropDownHeight/setDropHeight(int):设置下拉列表的高度。
• android:dropDownWidth/setDropWidth(int):设置下拉列表的宽度。
• android:popupBackground/setDropDownbackgroundResource(int):设置下拉列表的背景。

 

填充选择数据

在Android程序中，为了展示数据，通常会用到一个Adapter的接口。没错，这是一个接口，是连接后端数据和前端显示的桥梁，是data souce和UI（View）之间一个重要的纽带。下图展示了Adapter在Android程序中的关系：

对于Adapter，它是一个接口，Android为其声明了各种实现类，对于在AutoCompleteTextView控件中，一般使用ArrayAdapter<T>即可完成功能，对于一些其他实现类的应用场景，以后会慢慢介绍。

ArrayAdapter<T>继承自一个抽象类BaseAdapter，而这个抽象类实现了Adapter接口，所以继承关系应该是：Adapter→BaseAdater→ArrayAdapter<T>。

从名字上可以看出，ArrayAdapter<T>是以一个数组的形式去存储数据的，它也确实是这么做的，并且可以传递一个数组对其进行构造。所以我们只需要填充一个数组对象，就完成ArrayAdapter对象的初始化工作，在把得到的ArrayAdapter对象传递给AutoCompleteTextView控件，即可对其进行选择数据设置。

MultiAutoCompleteTextView

既然讲到了AutoCompleteTextView，那就顺带讲一下MultiAutoCompleteTextView，它继承自AutoCompleteTextView。新扩展的功能是：可以进行多次提示，并且每次指定完成的内容通过符号进行分隔显示。使用MultiAutoCompleteTextView必须实现一个MultiAutoCompleteTextView.Tokenizer接口，用于声明用于选项与选项之间分隔的符号，一般如不特殊指定，可以使用Android为我们提供的实现类MultiAutoCompleteTextView.CommaTokenizer，它设定使用英文逗号","进行分隔选项。

 

demo

下面新建一个Android项目来演示一下上面讲到的内容，提供两个输入框，AutoCompleteTextView和MultiAutoCompleteTextView，然后对其进行“著名城市”的数据填充，并且进行演示，详细的在代码中已经注释，这里不再进行单独讲解。

布局文件代码：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2     xmlns:tools="http://schemas.android.com/tools" 3     android:layout_width="match_parent" 4     android:layout_height="match_parent" 5     android:orientation="vertical" 6     android:paddingBottom="@dimen/activity_vertical_margin" 7     android:paddingLeft="@dimen/activity_horizontal_margin" 8     android:paddingRight="@dimen/activity_horizontal_margin" 9     android:paddingTop="@dimen/activity_vertical_margin"10     tools:context=".MainActivity" >11     <TextView12         android:layout_width="wrap_content"13         android:layout_height="wrap_content"14         android:text="@string/autoText" />15     <!-- 声明一个AutoCompleteTextView控件，设定其下拉框标题为“Famous Citi” 并且输入一个字符开始提示-->16     <AutoCompleteTextView17         android:id="@+id/autotext"18         android:completionHint="Famous Citi"19         android:completionThreshold="1"20         android:layout_width="match_parent"21         android:layout_height="wrap_content" />22 23     <TextView24         android:layout_width="wrap_content"25         android:layout_height="wrap_content"26         android:text="@string/multiautoText"27     />28     <MultiAutoCompleteTextView 29         android:id="@+id/multiautotext"30         android:layout_width="match_parent"31         android:layout_height="wrap_content"/>32 </LinearLayout>

 

实现Java代码：

package com.bgxt.autocomplettextviewdemo; 2  3 import android.os.Bundle; 4 import android.app.Activity; 5 import android.view.Menu; 6 import android.widget.ArrayAdapter; 7 import android.widget.AutoCompleteTextView; 8 import android.widget.MultiAutoCompleteTextView; 9 10 public class MainActivity extends Activity {11     private AutoCompleteTextView autotext;12     private MultiAutoCompleteTextView multiautotext;13     @Override14     protected void onCreate(Bundle savedInstanceState) {15         super.onCreate(savedInstanceState);16         setContentView(R.layout.activity_main);17         18         //获取布局文件中的两个控件对象19         autotext=(AutoCompleteTextView)findViewById(R.id.autotext);20         multiautotext=(MultiAutoCompleteTextView)findViewById(R.id.multiautotext);        21         22         //设置数据源23         String[] autoStrings=new String[]{"New York","Tokyo","beijing","london","Seoul Special","Los Angeles"};24         //设置ArrayAdapter，并且设定以单行下拉列表风格展示（第二个参数设定）。25         ArrayAdapter<String> adapter=new ArrayAdapter<String>(MainActivity.this, 26 android.R.layout.simple_dropdown_item_1line, autoStrings);27         //设置AutoCompleteTextView的Adapter28         autotext.setAdapter(adapter);29         30         //设置MultiAutoCompleteTextView的Adapter31         multiautotext.setAdapter(adapter);32         //设定选项间隔使用逗号分隔。33         multiautotext.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());34     }35 }

实现效果：

  实例代码下载

总结

以上就讲解了一下AutoCompleteTextView和MultiAutoCompleteTextView的简单使用，虽然只是一个辅助的功能，但是可以增加更好的用户体验，用户友好对于移动开发是必不可少的。

请支持原创，尊重原创，转载请注明出处。谢谢。