How to add a SearchView into a navigation drawer?

Question

I develop a navigation drawer with expandable list view, like this

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- The main content view -->
    <fragment 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" android:id="@+id/map" tools:context=".HomeActivity"
        android:name="com.google.android.gms.maps.SupportMapFragment" />

    <!-- The navigation drawer-->
    <ExpandableListView android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#111"
        android:listSelector = "@drawable/selector_list_item">
    </ExpandableListView>
</android.support.v4.widget.DrawerLayout>

I want to add a SearchView into the navigation drawer, so I add it into the ExpandableListView

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- The main content view -->
    <fragment 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" android:id="@+id/map" tools:context=".HomeActivity"
        android:name="com.google.android.gms.maps.SupportMapFragment" />

    <!-- The navigation drawer-->
    <ExpandableListView android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#111"
        android:listSelector = "@drawable/selector_list_item">
        <SearchView android:id="@+id/sv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </ExpandableListView>
</android.support.v4.widget.DrawerLayout>

I got a error

java.lang.UnsupportedOperationException: addView(View, LayoutParams) is not supported in AdapterView

Thanks

Answer 1

I think using ActionBar or ToolBar in your Activity to add a SearchView would be a good solution. You can try like this:

First, add SearchView into your Menu:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:yourapp="http://schemas.android.com/apk/res-auto" >
    <item android:id="@+id/action_search"
          android:title="@string/action_search"
          android:icon="@drawable/ic_action_search"
          yourapp:showAsAction="ifRoom|collapseActionView"
          yourapp:actionViewClass="android.support.v7.widget.SearchView" />
</menu>

Second, add actions on your SearchView:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_activity_actions, menu);
    MenuItem searchItem = menu.findItem(R.id.action_search);
    SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);
    // Configure the search info and add any event listeners
    ...
    return super.onCreateOptionsMenu(menu);
}

And, if you want to know more details, check here.