android - Activity 工具栏中的 SearchView 和过滤器以分段

Question

我已经在 Activity 中使用自定义工具栏提供了 SearchView，并且过滤器数据变为 fragment 。当我点击搜索图标时，工具栏大小增加。该 Activity 中使用了导航栏，可能是问题？它正在处理没有导航栏的单独 Activity 。vb

这是我的代码: Activity .xml :

<android.support.design.widget.AppBarLayout
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"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:elevation="5dp">

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    style="@style/Toolbar"
    app:contentInsetEnd="5dp"
    app:contentInsetLeft="15dp"
    app:contentInsetRight="5dp"
    app:contentInsetStart="15dp"
    app:theme="@style/AppTheme.Toolbar"
    app:popupTheme="@style/AppTheme.PopupOverlay"
    app:contentInsetStartWithNavigation="15dp"
    app:titleTextColor="@color/colorWhite"
    tools:targetApi="lollipop">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/toolbar_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_centerInParent="true"
            android:layout_gravity="start"
            android:gravity="center"
            android:text=""
            android:textAllCaps="false"
            android:textColor="@color/colorWhite"
            android:textSize="16sp"
            android:textStyle="bold"
            tools:ignore="RelativeOverlap" />


        <TextView
            android:id="@+id/toolbar_student_details"
            android:layout_width="120dp"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_gravity="end"
            android:gravity="center"
            android:text=""
            android:textAllCaps="false"
            android:textColor="@color/colorWhite"
            android:textSize="16sp"
            tools:ignore="RelativeOverlap" />

        <Spinner
            android:id="@+id/toolbar_student_details_spinner"
            android:spinnerMode="dropdown"
            android:layout_width="120dp"
            android:backgroundTint="@color/colorWhite"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_gravity="end"
            android:textAllCaps="false"
            android:textColor="@color/colorWhite"
            android:textSize="16sp"
            tools:ignore="RelativeOverlap"
            android:visibility="gone"
            >
        </Spinner>

        <ImageView
            android:id="@+id/admin_image"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_marginEnd="10dp"
            android:layout_marginRight="10dp"
            android:contentDescription="@string/app_name"
            android:visibility="gone" />
    </RelativeLayout>


</android.support.v7.widget.Toolbar>

    </android.support.design.widget.AppBarLayout>

fragment 代码:

   @Override
   public View onCreateView(@NonNull LayoutInflater inflater, 
 ViewGroup 
container, Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View rootView= 
       inflater.inflate(R.layout.fragment_staff_fragment_admin, 
            container, false);
    setHasOptionsMenu(true);
    ButterKnife.bind(this, rootView);
    return rootView;
}

    @Override
   public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {

    getBaseActivity().getMenuInflater().inflate(R.menu.menu_main, 
     menu);
    SearchView searchView;
    // Associate searchable configuration with the SearchView
    SearchManager searchManager = (SearchManager)getBaseActivity(). 
   getSystemService(Context.SEARCH_SERVICE);
    searchView = (SearchView) menu.findItem(R.id.action_search)
            .getActionView();
    assert searchManager != null;
    searchView.setSearchableInfo(searchManager
            .getSearchableInfo(getBaseActivity().getComponentName()));
    searchView.setMaxWidth(Integer.MAX_VALUE);

    // listening to search query text change
    searchView.setOnQueryTextListener(new 
     SearchView.OnQueryTextListener() {
        @Override
        public boolean onQueryTextSubmit(String query) {
            // filter recycler view when query submitted
            mAdapter.getFilter().filter(query);
            return false;
        }

        @Override
        public boolean onQueryTextChange(String query) {
            // filter recycler view when text is changed
            mAdapter.getFilter().filter(query);
            return false;
        }
    });
 }

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();

    //noinspection SimplifiableIfStatement
    if (id == R.id.action_search) {
        return true;
    }

    return super.onOptionsItemSelected(item);
}

Answer 1

您应该监听 Activity 中的变化，并将结果发送到您的 Fragment，因为您的 SearchView 位于 Activity< 中(在自定义 Toolbar 中)。您可能面临的问题之一是，当您调用它时，searchview 为空。

如果您正在使用 Android 架构组件 和 MVVM 模式，我建议通过您的 ViewModel 执行此操作，如下所示:

1. 倾听您的 Activity
的变化

// listening to search query text change
    searchView.setOnQueryTextListener(new 
     SearchView.OnQueryTextListener() {
        @Override
        public boolean onQueryTextSubmit(String query) {
            //filter the data in step 2
            return false;
        }

        @Override
        public boolean onQueryTextChange(String query) {
            // filter data in step 2
            return false;
        }
    });

1. 将查询发送到您的 ViewModel 函数以过滤数据

在您的 Activity 中:

        ...
        @Override
        public boolean onQueryTextSubmit(String query) {
            //filter the data
            viewModel.filterData(query);
            return false;
        }
        ...

在您的 ViewModel 中:

       public List<String> listOfData = getListOfData();
       public LiveData<List<String>> searchResults = new MutableLiveData(listOfData);

       // filter list of data when query submitted
       public void filterData(String query) {
            //filter outside of your RecyclerView Adapter through your listOfData variable
            searchResults.value = getFilter().filter(query);
       }

       public LiveData<List<String>> getSearchResults() {
            return searchResults;
       }

通过searchResults.value 在您的LiveData 上设置结果，您可以直接从您的Fragment 监听它的变化，从而完成通信在您的 Activity 和您的 Fragment RecyclerView 之间通过第 3 步中的这个变量。

1. 观察 Fragment 中的 ViewModel 变量并更新 Adapter

在你的 fragment 中

        override fun onActivityCreated(savedInstanceState: Bundle?) {
            super.onActivityCreated(savedInstanceState)


            viewModel.getSearchResults().observe(this, { searchResults->
                Log.w("onActivityCreated()", "new search list received :" +searchResults)
                mAdapter.updateList(searchResults)
                listItemsAdapter.notifyDataSetChanged()
            });

    }

通过这些更改，您可以从 Activity SearchView 中进行过滤，并将结果发送到应该可以工作的 Fragment RecyclerView。如果您使用的是另一种模式，重要的是将查询从您的 Activity 发送到您的 Fragment 而不是仅在您的 Fragment 中收听。

如果您还没有使用这些，我建议您看看 AAC with MVVM。您可以在 Android Developers Documentation 中找到更多信息关于这些概念。

希望这对您有所帮助，祝您好运。