最初に、EditText と ListView の両方を持つ XML レイアウトを作成する必要があります。
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<!-- Pretty hint text, and maxLines -->
<EditText android:id="@+building_list/search_box"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="type to filter"
android:inputType="text"
android:maxLines="1"/>
<!-- Set height to 0, and let the weight param expand it -->
<!-- Note the use of the default ID! This lets us use a
ListActivity still! -->
<ListView android:id="@android:id/list"
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1"
/>
</LinearLayout>
これにより、ListView の上に適切な EditText が配置され、すべてが適切にレイアウトされます。次に、通常どおり ListActivity を作成しますがsetContentView()
、メソッドに呼び出しを追加しonCreate()
て、最近宣言したレイアウトを使用します。ListView
を特別に識別したことを思い出してくださいandroid:id="@android:id/list"
。これにより、宣言されたレイアウトで使用したいListActivity
ものを知ることができます。ListView
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.filterable_listview);
setListAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,
getStringArrayList());
}
今すぐアプリを実行すると、以前ListView
の が表示され、上に素敵なボックスが表示されます。そのボックスに何かをさせるには、そこから入力を取得し、その入力をリストにフィルターをかける必要があります。多くの人がこれを手動で行おうとしましたが、ほとんどの ListView
Adapter
クラスにはFilter
、フィルタリングを自動的に実行するために使用できるオブジェクトが付属しています。EditText
入力を からにパイプするだけですFilter
。それはとても簡単です。簡単なテストを実行するには、この行をonCreate()
呼び出しに追加します
adapter.getFilter().filter(s);
ListAdapter
これを機能させるには、変数に保存する必要があることに注意してくださいArrayAdapter<String>
。以前のデータを「adapter」という変数に保存しました。
次のステップは、 から入力を取得することEditText
です。これには、実際には少し考えが必要です。に を追加できOnKeyListener()
ますEditText
。ただし、このリスナーはいくつかの重要なイベントしか受信しません。たとえば、ユーザーが「wyw」と入力すると、予測テキストは「eye」を推奨する可能性があります。ユーザーが「wyw」または「eye」を選択するまで、OnKeyListener
キー イベントは受信されません。この解決策を好む人もいるかもしれませんが、私はイライラしていました。すべてのキー イベントが必要だったので、フィルタリングするかどうかを選択できました。解決策はTextWatcher
. を作成して に追加しTextWatcher
、テキストが変更されるたびEditText
に a フィルタ リクエストを渡すだけです。in !ListAdapter
Filter
を削除することを忘れないでください。最終的な解決策は次のとおりです。TextWatcher
OnDestroy()
private EditText filterText = null;
ArrayAdapter<String> adapter = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.filterable_listview);
filterText = (EditText) findViewById(R.id.search_box);
filterText.addTextChangedListener(filterTextWatcher);
setListAdapter(new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,
getStringArrayList());
}
private TextWatcher filterTextWatcher = new TextWatcher() {
public void afterTextChanged(Editable s) {
}
public void beforeTextChanged(CharSequence s, int start, int count,
int after) {
}
public void onTextChanged(CharSequence s, int start, int before,
int count) {
adapter.getFilter().filter(s);
}
};
@Override
protected void onDestroy() {
super.onDestroy();
filterText.removeTextChangedListener(filterTextWatcher);
}