自动完成文本框(采用ArrayAdapter),它是从EditText派生出来的,实际上也是一个文本编辑框,但比普通的编辑框多个一个功能:当用户输入一定字符之后,自动完成文本框会显示一个下拉菜单,供用户从中选择,当用户选择某个菜单项之后,自动完成文本框按用户选择自动填写该文本框。
相关属性:
android:completionHint:设置下拉框菜单中的提示标题
android:completionThreshold=”1”:设置用户至少输入几个字符才会显示提示
android:dropDownWidth:设置下拉菜单的宽度
android:popupBackgrounp:设置下拉菜单的背景
使用AutoCompleteTextView很简单,只要为它设置一个Adapter,
该Adapter封装了AutoCompleteTextView预设的提示文本内容。
android.R.layout.simple_dropdown_item_1line:下拉框的界面
package com.xspacing.autocompletetextview;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.Toast;
public class MainActivity extends Activity {
String name[] = { "android", "aa", "java", "php", "c#", "c++", "c", "ios" };
private AutoCompleteTextView autoCompleteTextView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initViews();
}
private void initViews() {
autoCompleteTextView = (AutoCompleteTextView) findViewById(R.id.main_auto_complete);
ArrayAdapter<String> mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, name);
autoCompleteTextView.setAdapter(mAdapter);
autoCompleteTextView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(getApplicationContext(), position + "", Toast.LENGTH_SHORT).show();
}
});
}
}
<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="com.xspacing.autocompletetextview.MainActivity" >
<AutoCompleteTextView
android:completionThreshold="1"
android:id="@+id/main_auto_complete"
android:layout_width="match_parent"
android:layout_height="wrap_content"
></AutoCompleteTextView>
</RelativeLayout>