Главная » Добавляем функцию поиска к ListView | |
В сегодняшнем уроке мы поработаем с уже знакомым нам элементом ListView и добавим обычному ListView поиск, который будет упрощать обращение пользователя с пунктами списка. При вводе в строку списка будет происходить фильтрование элементов, отображаемых в списке и выдача только тех, которые соответствуют запросу. Начнем с создания нового проекта, выберем Blank Activity. Нам нужно создать 2 основных элемента: ListView и EditText, который будет служить полем для ввода поиска. Открываем файл activity_main.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="fill_parent"
android:orientation="vertical" >
<EditText android:id="@+id/inputSearch"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="Поиск..."
android:inputType="textVisiblePassword"/>
<ListView
android:id="@+id/list_view"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</LinearLayout>
Создадим еще 1 xml файл по имени list_item.xml, который будет задавать вид отдельно взятому элементу списка:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView android:id="@+id/product_name"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="10dip"
android:textSize="16dip"
android:textStyle="bold"/>
</LinearLayout>
Теперь перейдем в файл MainActivity.java и добавим туда следующий код, который создает простой объект ListView. Это делается благодаря созданию строкового массива и присоединения его к ListView через простой ArrayAdapter:
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.widget.ArrayAdapter;
import android.widget.EditText;
import android.widget.ListView;
public class MainActivity extends Activity {
//Объявляем ListView:
private ListView lv;
//ListView Адаптер:
ArrayAdapter<String> adapter;
//Поиск EditText
EditText inputSearch;
//Строковый массив
ArrayList<HashMap<String, String>> words;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//Данные для ListView:
String words[] = {"Генератор", "Конденсатор", "Сопротивление", "Источник питания", "Транзистор",
"Лампочка", "Имплантер",
"Напильник", "Наждачная бумага", "Диод"};
lv = (ListView) findViewById(R.id.list_view);
inputSearch = (EditText) findViewById(R.id.inputSearch);
//Связываем данные массива с элементом ListView:
adapter = new ArrayAdapter<String>(this, R.layout.list_item, R.id.product_name, words);
lv.setAdapter(adapter);
inputSearch.addTextChangedListener(new TextWatcher() {
@Override
public void onTextChanged(CharSequence cs, int arg1, int arg2, int arg3) {
//Когда пользователь вводит какой-нибудь текст:
MainActivity.this.adapter.getFilter().filter(cs);
}
@Override
public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,
int arg3) {
}
@Override
public void afterTextChanged(Editable arg0) {
}
});
}
}
Если запустить приложение сейчас, то у нас есть и список и строка поиска, но пока что ввод каких либо знаков в поле поиска не дает никаких результатов. Это нужно исправить. Для этого необходимо добавить addTextChangedListener элементу EditText. Введенные пользователем данные будут передаваться в адаптер и фильтровать список отображаемых элементов:
inputSearch.addTextChangedListener(new TextWatcher() {
@Override
public void onTextChanged(CharSequence cs, int arg1, int arg2, int arg3) {
//Когда пользователь вводит какой-нибудь текст:
MainActivity.this.adapter.getFilter().filter(cs);
}
@Override
public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,
int arg3) {
}
@Override
public void afterTextChanged(Editable arg0) {
}
});
Ну и на конец, остается добавить в файл манифест AndroidManifest.xml настройку, скрывающую пр запуске приложения клавиатуру, потому что сейчас, если вы запускаете приложение, то в нем по умолчанию запускается клавиатура для ввода данных в EditText. Открываем AndroidManifest.xml и добавляем туда строку:
android:windowSoftInputMode="stateHidden"
Данный код нужно поместить в теге <activity>:
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:windowSoftInputMode="stateHidden">
Ну теперь рискнем запустить нашу программу и посмотреть на результат: О чудо, работает! Для заблудших и запутавшихся вот полный код MainActivity.java. | |
|
Всего комментариев: 6 | |
| |