在操作栏中实施SearchView


82

我需要SearchView从我的创建,arrayList<String>并在下拉列表中显示与此相同的建议

在此处输入图片说明

我正在寻找可逐步解释如何SearchView在操作栏中构建的教程。

我已经阅读了文档并按照示例google进行了搜索,但对我没有用。

我已经创建了搜索

<?xml version="1.0" encoding="utf-8"?>

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/action_search"
          android:title="Search"
          android:icon="@android:drawable/ic_menu_search"
          android:showAsAction="always"
          android:actionViewClass="android.widget.SearchView" />
</menu>`

但是我不知道如何设置字符串数组的参数。我尝试在其他“活动”中检索结果,但不起作用。


6
您应该尽可能详细地发布您尝试过的所有内容。带有示例代码的特定问题往往会得到更快,更有意义的答案。
Collin Flynn

Answers:


126

为此花了一段时间才找到解决方案,但是发现这是使它按照您描述的方式工作的最简单方法。可能有更好的方法来执行此操作,但是由于您尚未发布活动代码,因此我将不得不即兴发挥作用,并假设您在活动开始时就具有以下列表:

private List<String> items = db.getItems();

ExampleActivity.java

private List<String> items;

private Menu menu;

@Override
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public boolean onCreateOptionsMenu(Menu menu) {

    getMenuInflater().inflate(R.menu.example, menu);

    this.menu = menu;

    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {

        SearchManager manager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);

        SearchView search = (SearchView) menu.findItem(R.id.search).getActionView();

        search.setSearchableInfo(manager.getSearchableInfo(getComponentName()));

        search.setOnQueryTextListener(new OnQueryTextListener() { 

            @Override 
            public boolean onQueryTextChange(String query) {

                loadHistory(query);

                return true; 

            } 

        });

    }

    return true;

}

// History
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
private void loadHistory(String query) {

    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {

        // Cursor
        String[] columns = new String[] { "_id", "text" };
        Object[] temp = new Object[] { 0, "default" };

        MatrixCursor cursor = new MatrixCursor(columns);

        for(int i = 0; i < items.size(); i++) {

            temp[0] = i;
            temp[1] = items.get(i);

            cursor.addRow(temp);

        }

        // SearchView
        SearchManager manager = (SearchManager) getSystemService(Context.SEARCH_SERVICE);

        final SearchView search = (SearchView) menu.findItem(R.id.search).getActionView();

        search.setSuggestionsAdapter(new ExampleAdapter(this, cursor, items));

    }

}

现在,您需要创建一个扩展自的适配器CursorAdapter

ExampleAdapter.java

public class ExampleAdapter extends CursorAdapter {

    private List<String> items;

    private TextView text;

    public ExampleAdapter(Context context, Cursor cursor, List<String> items) {

        super(context, cursor, false);

        this.items = items;

    }

    @Override
    public void bindView(View view, Context context, Cursor cursor) {

        text.setText(items.get(cursor.getPosition()));

    }

    @Override
    public View newView(Context context, Cursor cursor, ViewGroup parent) {

        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        View view = inflater.inflate(R.layout.item, parent, false);

        text = (TextView) view.findViewById(R.id.text);

        return view;

    }

}

这样做的更好方法是,如果列表数据来自数据库,则可以将Cursor数据库函数返回的值直接传递给ExampleAdapter并使用相关的列选择器来显示TextView适配器中引用的列文本。

请注意:导入CursorAdapter时不导入Android支持版本,android.widget.CursorAdapter而是导入标准。

适配器还需要自定义布局:

res / layout / item.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <TextView
        android:id="@+id/item"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

现在,您可以通过在布局中添加其他文本或图像视图并在适配器中填充数据来自定义列表项。

这应该是全部,但是如果您还没有这样做,则需要一个SearchView菜单项:

RES /菜单/ example.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:id="@+id/search"
        android:title="@string/search"
        android:showAsAction="ifRoom"
        android:actionViewClass="android.widget.SearchView" />

</menu>

然后创建一个可搜索的配置:

res / xml / searchable.xml

<searchable xmlns:android="http://schemas.android.com/apk/res/android"
    android:label="@string/search"
    android:hint="@string/search" >
</searchable>

最后,将其添加到清单文件中的相关活动标记内:

AndroidManifest.xml

<intent-filter>
    <action android:name="android.intent.action.SEARCH" />
</intent-filter>

<meta-data
    android:name="android.app.default_searchable"
    android:value="com.example.ExampleActivity" />
<meta-data
    android:name="android.app.searchable"
    android:resource="@xml/searchable" />

请注意:@string/search示例中使用的字符串应在values / strings.xml中定义,也不要忘记com.example为您的项目更新对它的引用。


3
嗨,但有一个疑问,我希望你能在这方面帮助我。如果我在过滤器上键入一个字母,尽管我有过滤器结果,但如果多于一个,则不会显示任何内容。然后仅显示。为什么?
火影忍者2014年

嗨,也许可以检查您的样式中是否有与EditText或AutoCompleteTextView相关的内容,因为您可以设置在显示自动完成功能之前需要输入的默认字符数。实际上,我认为默认值为2个字符,因此可能需要将其添加到样式中以进行更改。
tpbapp 2014年

嗨,在开发过程中,我遇到了另一期searchview。如果我在下拉菜单中显示更多项目,例如:3个textviews,则项目的大小会增加,因此,如果我像i.stack.imgur.com/d7t3A.png一样滚动,则搜索项目会在键盘上流动。如果我增加文本大小或在项目中添加更多视图,则会发生这种情况。它是默认行为吗?
火影忍者2014年

嗨,再次,没有那不应该发生。听起来您的项目中已经有很多代码干扰了SearchView中的AutoCompleteTextView,或者键盘软件,应用程序或插件出了问题导致了这种行为。默认行为应类似于此stackoverflow.com/questions/22116237/…,除了这个人实际上是在询问如何使它隐藏在键盘后面。
tpbapp 2014年

3
@tpbapp我已经知道了。建议列表未出现的原因是,在您的代码中,您search.setSearchableInfo(manager.getSearchableInfo(getComponentName()));onCreateOptionsMenu()loadHistory()方法中调用了两次。因此,我使SearchView和SearchManager成为全局变量,并且仅在中调用getSearchableInfo()一次onCreateOptionsMenu()。我的建议列表现在运行良好。我建议您修改代码。
哈菲兹·赫尔迪

52

如果其他人在searchview变量上使用nullptr,我发现项目设置略有不同:

旧:

android:showAsAction="ifRoom"
android:actionViewClass="android.widget.SearchView"

新:

app:showAsAction="ifRoom|collapseActionView"
app:actionViewClass="androidx.appcompat.widget.SearchView"

Android前X:

app:showAsAction="ifRoom|collapseActionView"
app:actionViewClass="android.support.v7.widget.SearchView"

有关更多信息,其更新文档位于此处


3
谢谢。正是我所缺少的。:-)
Morten E. Rasmussen

谢谢,这很简单而且很有帮助。
穆罕默德

1
app:actionViewClass="androidx.appcompat.widget.SearchView"对于androidx
HendraWD

3

SearchDialog或SearchWidget?

实施搜索功能时,Android开发人员官方文档提供了两种建议的方法
您可以使用SearchDialogSearchWidget
我将解释使用SearchWidget的搜索功能的实现。

如何使用“搜索”小部件来完成?

我将使用SearchWidget在RecyclerView中解释搜索功能。这很简单。

只需按照以下5个简单步骤

1)在菜单中添加searchView项目

您可以添加SearchView可以添加为actionView在菜单中使用

app:useActionClass =“ android.support.v7.widget.SearchView”。

<menu xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   tools:context="rohksin.com.searchviewdemo.MainActivity">
   <item
       android:id="@+id/searchBar"
       app:showAsAction="always"
       app:actionViewClass="android.support.v7.widget.SearchView"
   />
</menu>

2)设置SerchView提示文本,侦听器等

您应该在onCreateOptionsMenu(Menu menu)方法中初始化SearchView 。

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
     // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);

        MenuItem searchItem = menu.findItem(R.id.searchBar);

        SearchView searchView = (SearchView) searchItem.getActionView();
        searchView.setQueryHint("Search People");
        searchView.setOnQueryTextListener(this);
        searchView.setIconified(false);

        return true;
   }

3)在您的Activity中实现SearchView.OnQueryTextListener

OnQueryTextListener 有两种抽象方法

  1. onQueryTextSubmit(String query)
  2. onQueryTextChange(String newText

因此,您的“活动”骨架看起来像这样

YourActivity extends AppCompatActivity implements SearchView.OnQueryTextListener{

     public boolean onQueryTextSubmit(String query)

     public boolean onQueryTextChange(String newText) 

}

4)实现SearchView.OnQueryTextListener

您可以提供像这样的抽象方法的实现

public boolean onQueryTextSubmit(String query) {

    // This method can be used when a query is submitted eg. creating search history using SQLite DB

    Toast.makeText(this, "Query Inserted", Toast.LENGTH_SHORT).show();
    return true;
}

@Override
public boolean onQueryTextChange(String newText) {

    adapter.filter(newText);
    return true;
}

5)在您的RecyclerView适配器中编写一个过滤器方法。

最重要的部分。您可以编写自己的逻辑来执行搜索。
这是我的。此代码段显示了名称列表,其中包含在SearchView

public void filter(String queryText)
{
    list.clear();

    if(queryText.isEmpty())
    {
       list.addAll(copyList);
    }
    else
    {

       for(String name: copyList)
       {
           if(name.toLowerCase().contains(queryText.toLowerCase()))
           {
              list.add(name);
           }
       }

    }

   notifyDataSetChanged();
}

相关链接:

在此Music App中使用SQLite数据库在SearchView上的完整工作代码


1

对于Searchview使用这些代码

  1. 对于XML

    <android.support.v7.widget.SearchView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/searchView">
    
    </android.support.v7.widget.SearchView>
    

  2. 在您的片段或活动中

    package com.example.user.salaryin;
    
    import android.app.ProgressDialog;
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.support.v4.view.MenuItemCompat;
    import android.support.v7.widget.GridLayoutManager;
    import android.support.v7.widget.LinearLayoutManager;
    import android.support.v7.widget.RecyclerView;
    import android.support.v7.widget.SearchView;
    import android.view.LayoutInflater;
    import android.view.Menu;
    import android.view.MenuInflater;
    import android.view.MenuItem;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Toast;
    import com.example.user.salaryin.Adapter.BusinessModuleAdapter;
    import com.example.user.salaryin.Network.ApiClient;
    import com.example.user.salaryin.POJO.ProductDetailPojo;
    import com.example.user.salaryin.Service.ServiceAPI;
    import java.util.ArrayList;
    import java.util.List;
    import retrofit2.Call;
    import retrofit2.Callback;
    import retrofit2.Response;
    
    
    public class OneFragment extends Fragment implements SearchView.OnQueryTextListener {
    
    RecyclerView recyclerView;
    RecyclerView.LayoutManager layoutManager;
    ArrayList<ProductDetailPojo> arrayList;
    BusinessModuleAdapter adapter;
    private ProgressDialog pDialog;
    GridLayoutManager gridLayoutManager;
    SearchView searchView;
    
    public OneFragment() {
        // Required empty public constructor
    }
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }
    
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
    
        View rootView = inflater.inflate(R.layout.one_fragment,container,false);
    
        pDialog = new ProgressDialog(getActivity());
        pDialog.setMessage("Please wait...");
    
    
        searchView=(SearchView)rootView.findViewById(R.id.searchView);
        searchView.setQueryHint("Search BY Brand");
        searchView.setOnQueryTextListener(this);
    
        recyclerView = (RecyclerView) rootView.findViewById(R.id.recyclerView);
        layoutManager = new LinearLayoutManager(this.getActivity());
        recyclerView.setLayoutManager(layoutManager);
        gridLayoutManager = new GridLayoutManager(this.getActivity().getApplicationContext(), 2);
        recyclerView.setLayoutManager(gridLayoutManager);
        recyclerView.setHasFixedSize(true);
        getImageData();
    
    
        // Inflate the layout for this fragment
        //return inflater.inflate(R.layout.one_fragment, container, false);
        return rootView;
    }
    
    
    private void getImageData() {
        pDialog.show();
        ServiceAPI service = ApiClient.getRetrofit().create(ServiceAPI.class);
        Call<List<ProductDetailPojo>> call = service.getBusinessImage();
    
        call.enqueue(new Callback<List<ProductDetailPojo>>() {
            @Override
            public void onResponse(Call<List<ProductDetailPojo>> call, Response<List<ProductDetailPojo>> response) {
                if (response.isSuccessful()) {
                    arrayList = (ArrayList<ProductDetailPojo>) response.body();
                    adapter = new BusinessModuleAdapter(arrayList, getActivity());
                    recyclerView.setAdapter(adapter);
                    pDialog.dismiss();
                } else if (response.code() == 401) {
                    pDialog.dismiss();
                    Toast.makeText(getActivity(), "Data is not found", Toast.LENGTH_SHORT).show();
                }
    
            }
    
            @Override
            public void onFailure(Call<List<ProductDetailPojo>> call, Throwable t) {
                Toast.makeText(getActivity(), t.getMessage(), Toast.LENGTH_SHORT).show();
                pDialog.dismiss();
    
            }
        });
    }
    
       /* @Override
        public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        getActivity().getMenuInflater().inflate(R.menu.menu_search, menu);
        MenuItem menuItem = menu.findItem(R.id.action_search);
        SearchView searchView = (SearchView) MenuItemCompat.getActionView(menuItem);
        searchView.setQueryHint("Search Product");
        searchView.setOnQueryTextListener(this);
    }*/
    
    @Override
    public boolean onQueryTextSubmit(String query) {
        return false;
    }
    
    @Override
    public boolean onQueryTextChange(String newText) {
        newText = newText.toLowerCase();
        ArrayList<ProductDetailPojo> newList = new ArrayList<>();
        for (ProductDetailPojo productDetailPojo : arrayList) {
            String name = productDetailPojo.getDetails().toLowerCase();
    
            if (name.contains(newText) )
                newList.add(productDetailPojo);
            }
        adapter.setFilter(newList);
        return true;
       }
    }
    
  3. 在适配器类中

     public void setFilter(List<ProductDetailPojo> newList){
        arrayList=new ArrayList<>();
        arrayList.addAll(newList);
        notifyDataSetChanged();
    }
    
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.