ActionBar中的Android SearchView

Question

I searched for a solution, and tried many solutions from other questions but I did not find any that works. I want my SearchView to be shown in my ActionBar. But it is only shown in the overflow menu (the three dots). Mybe someone could show me my error/a solution.

My menu_searchview.xml:

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

My Activity:

import android.app.Activity;
import android.support.v4.view.MenuItemCompat;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.SearchView;
import de.trainer.R;

public class SearchCategoryActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_search_category);
    }

    @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_searchview, menu);

        MenuItem searchItem = menu.findItem(R.id.action_search);
        SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);
        return true;
    }

    @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_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

Answer 1

This work fine for me:

The menu file:

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

    <item
            android:id="@+id/menu_search"
            app:actionLayout="@layout/search_view"
            android:orderInCategory="0"
            app:showAsAction="always|collapseActionView"
            android:icon="@drawable/ic_action_search"
            android:title="Buscar"/>

</menu>

The layout/search_view:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:padding="4dp"
              android:layout_height="wrap_content">

    <EditText
            android:id="@+id/etSearch"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:cursorVisible="true"
            android:imeOptions="actionDone"
            android:inputType="text"
            android:textColor="@android:color/white"
            android:textCursorDrawable="@null"/>

</RelativeLayout>

In your Activity:

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        try {
            menu.clear();
            inflater.inflate(R.menu.your_menu, menu);

            RelativeLayout actionView = (RelativeLayout) menu.findItem(R.id.menu_search).getActionView();
            final EditText editText = (EditText) actionView.findViewById(R.id.etSearch);
            //final EditText editText = (EditText) menu.findItem(R.id.menu_search).getActionView();
            editText.addTextChangedListener(new TextWatcher() {
                @Override
                public void beforeTextChanged(CharSequence s, int start, int count, int after) {

                }

                @Override
                public void onTextChanged(CharSequence s, int start, int before, int count) {
                    if (null != activityAdapter) {
                        activityAdapter.getFilter().filter(s);
                    }
                }

                @Override
                public void afterTextChanged(Editable s) {

                }
            });

            MenuItem menuItem = menu.findItem(R.id.menu_search);
            MenuItemCompat.setOnActionExpandListener(menuItem, new MenuItemCompat.OnActionExpandListener() {
                @Override
                public boolean onMenuItemActionExpand(MenuItem item) {
                    editText.requestFocus();

                    ((InputMethodManager) getActivity().getSystemService(Context.INPUT_METHOD_SERVICE)).toggleSoftInput(InputMethodManager.SHOW_FORCED, InputMethodManager.HIDE_IMPLICIT_ONLY);
                    return true; // Return true to expand action view
                }

                @Override
                public boolean onMenuItemActionCollapse(MenuItem item) {
                    // Do something when collapsed

                    // Borramos el texto que había escrito.
                    editText.setText("");

                    return true; // Return true to collapse action view
                }
            });
        } catch (Exception ex) {
            logManager.error("OCOM - Exception: " + ex.toString());
        }
        super.onCreateOptionsMenu(menu, inflater);
    }

Finally, in your adapter you should implements the Filterable interfaz.

Hope it helps you!!

Answer 2

将android：actionViewClass =“ android.widget.SearchView”替换为app：actionViewClass =“ android.support.v7.widget.SearchView”

Answer 3

Try

app:actionViewClass="android.widget.SearchView" or

app:actionViewClass="android.support.v7.widget.SearchView"

instead of

android:actionViewClass="android.widget.SearchView"

also you have to remove

android:icon="@drawable/ic_magnify_white_24dp" and change following method

 @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_searchview, menu);

            MenuItem searchItem = menu.findItem(R.id.action_search);
            SearchView searchView = (SearchView) MenuItemCompat.getActionView(searchItem);
            searchView.setIconifiedByDefault(false);
            return true;
        }

I hope it solves your issue.

Answer 4

From your layout and Activity, I understand you are not using a Compatible library. In that case, I recommend switching your AXML to

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

Note, the switch from app:showAsAction to android:showAsAction

This may be causing the issue.

Cheers