入力中に結果がListView
に表示される検索バーを作成するにはどうすればよいですか?
たとえば、20個の文字列を含むリストビューがあります。検索キーを押すとバーが表示されます。 3ワード以上入力すると検索が実行され、リストビューに結果が表示されます(フィルターとして:入力した文字列に一致する文字列のみをリストに表示します)
検索バーではこれを行うことはできません。しかし、リストビューは連絡先で行われているように、 キーが押されたときにフィルターをかける を行う可能性があります。ユーザーは入力を開始するだけで、リストがフィルタリングされます。フィルタリングは実際には検索のようなものではありません。リストにWord fooがどこかに含まれている場合にoo fooと入力すると、フィルターで除外されますが、foと入力すると、リストアイテムがbar fooを呼び出していてもそのまま残ります。
あなたは単にそれを有効にする必要があります:
ListView lv = getListView();
lv.setTextFilterEnabled(true);
ハードウェアキーボードがない場合、これがどのように行われるかわかりません。私はドロイドを使用していて、入力を開始すると、リストがフィルタリングされ、一致する結果のみが表示されます。
私はこれがあなたが探しているものだと信じています:
アクティビティにSearchView.OnQueryTextListenerを実装させる
次のメソッドを追加します。
public boolean onQueryTextChange(String newText) {
if (TextUtils.isEmpty(newText)) {
mListView.clearTextFilter();
} else {
mListView.setFilterText(newText.toString());
}
return true;
}
public boolean onQueryTextSubmit(String query) {
return false;
}
私はEditText
を使って仕事をしました。
まず、検索するデータのリストを保持するために配列の2つのコピーを作成しました。
List<Map<String,String>> vehicleinfo;
List<Map<String,String>> vehicleinfodisplay;
どこかからリストデータを取得したら、それをコピーします。
for(Map<String,String>map : vehicleinfo)
{
vehicleinfodisplay.add(map);
}
SimpleAdapter
を使用して、データの表示(コピー)バージョンを表示します。
String[] from={"vehicle","dateon","dateoff","reg"};
int[] to={R.id.vehicle,R.id.vehicledateon,R.id.vehicledateoff,R.id.vehiclereg};
listadapter=new SimpleAdapter(c,vehicleinfodisplay,R.layout.vehiclelistrow,from,to);
vehiclelist.setAdapter(listadapter);
次に、TextWatcher
をEditText
に追加しました。これは、afterTextChanged
イベントに応答して、リストの表示バージョンをクリアし、一致する他のリストのアイテムのみを追加します検索基準(この場合、「reg」フィールドには検索文字列が含まれます)。フィルター処理されたリストが表示リストに入力されたら、リストのnotifyDataSetChanged
に対してSimpleAdapter
を呼び出すだけです。
searchbox.addTextChangedListener(new TextWatcher()
{
@Override
public void afterTextChanged(Editable s)
{
vehicleinfodisplay.clear();
String search=s.toString();
for(Map<String,String>map : vehicleinfo)
{
if(map.get("reg").toLowerCase().contains(search.toLowerCase()))
vehicleinfodisplay.add(map);
listadapter.notifyDataSetChanged();
}
};
... other overridden methods can go here ...
});
これが誰かに役立つことを願っています。
次のコードを使用して、Androidに検索リストとフィルターリストを実装します。
SearchAndFilterList.Java
public class SearchAndFilterList extends Activity {
private ListView mSearchNFilterLv;
private EditText mSearchEdt;
private ArrayList<String> mStringList;
private ValueAdapter valueAdapter;
private TextWatcher mSearchTw;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_search_and_filter_list);
initUI();
initData();
valueAdapter=new ValueAdapter(mStringList,this);
mSearchNFilterLv.setAdapter(valueAdapter);
mSearchEdt.addTextChangedListener(mSearchTw);
}
private void initData() {
mStringList=new ArrayList<String>();
mStringList.add("one");
mStringList.add("two");
mStringList.add("three");
mStringList.add("four");
mStringList.add("five");
mStringList.add("six");
mStringList.add("seven");
mStringList.add("eight");
mStringList.add("nine");
mStringList.add("ten");
mStringList.add("eleven");
mStringList.add("twelve");
mStringList.add("thirteen");
mStringList.add("fourteen");
mSearchTw=new TextWatcher() {
@Override
public void onTextChanged(CharSequence s, int start, int before, int count) {
valueAdapter.getFilter().filter(s);
}
@Override
public void beforeTextChanged(CharSequence s, int start, int count,
int after) {
}
@Override
public void afterTextChanged(Editable s) {
}
};
}
private void initUI() {
mSearchNFilterLv=(ListView) findViewById(R.id.list_view);
mSearchEdt=(EditText) findViewById(R.id.txt_search);
}
}
カスタム値アダプター:ValueAdapter.Java
public class ValueAdapter extends BaseAdapter implements Filterable{
private ArrayList<String> mStringList;
private ArrayList<String> mStringFilterList;
private LayoutInflater mInflater;
private ValueFilter valueFilter;
public ValueAdapter(ArrayList<String> mStringList,Context context) {
this.mStringList=mStringList;
this.mStringFilterList=mStringList;
mInflater=LayoutInflater.from(context);
getFilter();
}
//How many items are in the data set represented by this Adapter.
@Override
public int getCount() {
return mStringList.size();
}
//Get the data item associated with the specified position in the data set.
@Override
public Object getItem(int position) {
return mStringList.get(position);
}
//Get the row id associated with the specified position in the list.
@Override
public long getItemId(int position) {
return position;
}
//Get a View that displays the data at the specified position in the data set.
@Override
public View getView(int position, View convertView, ViewGroup parent) {
Holder viewHolder;
if(convertView==null) {
viewHolder=new Holder();
convertView=mInflater.inflate(R.layout.list_item,null);
viewHolder.nameTv=(TextView)convertView.findViewById(R.id.txt_listitem);
convertView.setTag(viewHolder);
}else{
viewHolder=(Holder)convertView.getTag();
}
viewHolder.nameTv.setText(mStringList.get(position).toString());
return convertView;
}
private class Holder{
TextView nameTv;
}
//Returns a filter that can be used to constrain data with a filtering pattern.
@Override
public Filter getFilter() {
if(valueFilter==null) {
valueFilter=new ValueFilter();
}
return valueFilter;
}
private class ValueFilter extends Filter {
//Invoked in a worker thread to filter the data according to the constraint.
@Override
protected FilterResults performFiltering(CharSequence constraint) {
FilterResults results=new FilterResults();
if(constraint!=null && constraint.length()>0){
ArrayList<String> filterList=new ArrayList<String>();
for(int i=0;i<mStringFilterList.size();i++){
if(mStringFilterList.get(i).contains(constraint)) {
filterList.add(mStringFilterList.get(i));
}
}
results.count=filterList.size();
results.values=filterList;
}else{
results.count=mStringFilterList.size();
results.values=mStringFilterList;
}
return results;
}
//Invoked in the UI thread to publish the filtering results in the user interface.
@SuppressWarnings("unchecked")
@Override
protected void publishResults(CharSequence constraint,
FilterResults results) {
mStringList=(ArrayList<String>) results.values;
notifyDataSetChanged();
}
}
}
activity_search_and_filter_list.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" >
<EditText
Android:layout_width="fill_parent"
Android:layout_height="wrap_content"
Android:id="@+id/txt_search"
tools:context=".SearchAndFilterList"
Android:hint="Enter text to search" />
<ListView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:id="@+id/list_view"
Android:layout_below="@+id/txt_search"></ListView>
</RelativeLayout>
list_item.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="match_parent"
Android:layout_height="match_parent" >
<TextView
Android:layout_width="wrap_content"
Android:layout_height="wrap_content"
Android:id="@+id/txt_listitem"/>
</RelativeLayout>
AndroidManifext.xml
<manifest xmlns:Android="http://schemas.Android.com/apk/res/Android"
package="com.example.searchandfilterlistview"
Android:versionCode="1"
Android:versionName="1.0" >
<uses-sdk
Android:minSdkVersion="8"
Android:targetSdkVersion="15" />
<application
Android:icon="@drawable/ic_launcher"
Android:label="@string/app_name"
Android:theme="@style/AppTheme" >
<activity
Android:name=".SearchAndFilterList"
Android:label="@string/title_activity_search_and_filter_list" >
<intent-filter>
<action Android:name="Android.intent.action.MAIN" />
<category Android:name="Android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
このコードがカスタム検索とフィルターリストビューの実装に役立つことを願っています
最善の方法は、検索可能なアクティビティでonSearchRequestedをオーバーライドして、組み込みの検索バーまたはSearchManagerを使用することです。検索するデータソースを設定して、結果の自動ドロップダウンを取得するか、ユーザーからの入力を取り込み、後で検索することができます。 SearchManager の良い概要は次のとおりです。さらに、API Demosプロジェクト com.example.Android.apis.app.SearchQueryResult で動作するデモがあります。
@Override
public boolean onSearchRequested() {