Изменить цвет/стиль панели инструментов на клике SearchView

У меня есть простой вопрос.

Как изменить цвет или тему панели инструментов на белый при нажатии на значок поиска?

Я хочу, чтобы панель инструментов была белой (с обратным стрелкой, цветной черный/серый), когда нажимается значок поиска. Я добавил SearcView (android.support.v7.widget.SearchView) в MenuItem

Это

Затем вернитесь к исходному цвету панели инструментов, когда нажата кнопка "Назад".

Ответ 1

В Activity/Fragment код:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    MenuInflater inflater = getMenuInflater();
    inflater.inflate(R.menu.activity_menu, menu);

    MenuItem searchMenuItem = menu.findItem(R.id.search);
    if (searchMenuItem == null) {
        return true;
    }

    searchView = (SearchView) searchMenuItem.getActionView();
    MenuItemCompat.setOnActionExpandListener(searchMenuItem, new MenuItemCompat.OnActionExpandListener() {

        @Override
        public boolean onMenuItemActionExpand(MenuItem item) {
            // Set styles for expanded state here
            if (getSupportActionBar() != null) {
                getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.RED));
            }
            return true;
        }

        @Override
        public boolean onMenuItemActionCollapse(MenuItem item) {
            // Set styles for collapsed state here
            if (getSupportActionBar() != null) {
                getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.BLUE));
            }
            return true;
        }
    });

    return true;
}

И фактический menu xml:

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

Чтобы изменить цвет назад/X-кнопок для расширенного вида, добавьте это в свои стили:

<item name="colorControlNormal">@color/my_great_color</item>

Чтобы сделать изменение цвета более плавным - вы можете анимировать его: Анимировать изменение цвета фона вида на Android

Надеюсь, это поможет