自動補完入力の実装
Androidアプリの検索ボックス内で、自動補完入力を行う必要が出てきました。
AutoCompleteTextViewで自動補完機能を実装しました。
activity_main.xml
<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" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.autocomplete.MainActivity" > <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:orientation="horizontal" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Search" /> <AutoCompleteTextView android:id="@+id/autoCompleteTextView1" android:layout_width="match_parent" android:layout_height="wrap_content" android:inputType="text" android:ems="10" /> </LinearLayout> </RelativeLayout>
layoutの下の階層にlist.xmlを作ります。
list.xml
<?xml version="1.0" encoding="utf-8"?> <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="10dp" android:textSize="16sp" android:textColor="#000"> </TextView>
最後にMainActivityです。
MainActivity.java
package com.example.autocomplete; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.Menu; import android.view.MenuItem; import android.widget.ArrayAdapter; import android.widget.AutoCompleteTextView; public class MainActivity extends ActionBarActivity { static final String[] MUSIC = new String[] { "アート・ロック","パワー・ポップ","シューゲイザー","ポスト・グランジ","ドリーム・ポップ" ,"ニュー・ウェーヴ","ロックンロール","ノイズポップ","ノイズロック","サイケデリック・ロック" ,"オルタナティヴ・ロック","エモ","テクノポップ","グランジ" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //補完入力の実装 AutoCompleteTextView textView = (AutoCompleteTextView) findViewById(R.id.autoCompleteTextView1); ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.list,MUSIC); textView.setAdapter(adapter); textView.setThreshold(1); } @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 boolean onOptionsItemSelected(MenuItem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getItemId(); if (id == R.id.action_settings) { return true; } return super.onOptionsItemSelected(item); } }
実行結果
これでユーザーが文字を入力する手間が省けます。
しかしながら今回実装したのは前方一致の場合であり、部分一致を行いたいケースも生じると思うので、次回は部分一致の場合のプログラムを書きたいと思います。