Добавляем функцию поиска к ListView
Добавляем функцию поиска к ListView
Главная » Добавляем функцию поиска к ListView

В сегодняшнем уроке мы поработаем с уже знакомым нам элементом ListView и добавим обычному ListView поиск, который будет упрощать обращение пользователя с пунктами списка. При вводе в строку списка будет происходить фильтрование элементов, отображаемых в списке и выдача только тех, которые соответствуют запросу.

Начнем с создания нового проекта, выберем Blank Activity. Нам нужно создать 2 основных элемента: ListView и EditText, который будет служить полем для ввода поиска. Открываем файл activity_main.xml и создадим в нем эти элементы:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="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="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.

Категория: Уроки программирования | Просмотров: 885 | Добавил: Oleg | Теги: search, поисковая форма, List View, поиск | Рейтинг: 5.0/1
Всего комментариев: 6
avatar
1
спасибочки smile
avatar
2
Спасибо!!!
avatar
3
Отлично! Спасибо за пример !!!
avatar
4
Вы только подтвердили, что этот код просто CopyPast, хоть и рабочий. Программисты оставляют следы в коде, а вы глупо копируйте это даже, не понимая функции. Молодец! Посмешил...
avatar
5
Здравствуйте. А как реализовать поиск в ListView, если данные в него выгружаются из SQLite?
avatar
6
Если вы берёте данные изБД, реализация поиска будет отличаться тем, что вы должны синхронизировать
работу БД и вывода её на экран, для этого вам нужно перед выводом нужных
значений задать фильтр вашей бд, и поставить курсор на нужную вам позицию после
чего, перед выводом данных использовать этот курсор вместо текущего. Сложностей
там мало в основном, задача в SQL задать правильный фильтр, а дальше все по
стандарту. 
А вот реализация поиска может быть разная.
avatar