Android 如何单击“更改操作栏背景”;搜索“;菜单?

Android 如何单击“更改操作栏背景”;搜索“;菜单?,android,android-actionbar,searchview,Android,Android Actionbar,Searchview,我已经通过了Android开发者网站上的搜索界面教程,并成功实现了它 我唯一没能做到的就是在点击搜索菜单时更改Actionbar背景,然后在点击“后退”按钮时恢复背景 下面是Gmail应用程序的截图。正常的操作栏如下所示 当你点击“搜索”菜单时,它会变成下面这样,而不会改变活动 我想实现这个功能。请帮忙。谢谢 基本上FrameLayout是在Gmail应用程序中创建的,该应用程序包含两个视图: 工具栏-公共API中提供的第一个红色工具栏 MaterialSearchActionView包含

我已经通过了Android开发者网站上的搜索界面教程,并成功实现了它

我唯一没能做到的就是在点击搜索菜单时更改Actionbar背景,然后在点击“后退”按钮时恢复背景

下面是Gmail应用程序的截图。正常的操作栏如下所示

当你点击“搜索”菜单时,它会变成下面这样,而不会改变活动


我想实现这个功能。请帮忙。谢谢

基本上
FrameLayout
是在Gmail应用程序中创建的,该应用程序包含两个视图:

  • 工具栏
    -公共API中提供的第一个红色工具栏
  • MaterialSearchActionView
    包含三个视图
    • ImageView
      -带返回箭头
    • EditText
    • ImageView
      -带“x”/“麦克风”
第二个视图在公共API中不可用

我认为这个想法很简单。当您打开
活动
时,第二个视图将消失,当您按下搜索图标时,将显示该视图。无法获取
MaterialSearchActionView
,因此您必须创建自己的视图,其中包含这些控件

我创建了一个小示例来说明如何做到这一点:

DoubleActionBarActivity.class:

public class DoubleActionBarActivity extends ActionBarActivity {

    Toolbar toolbar;
    Toolbar searchToolbar;
    boolean isSearch;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_with_double_toolbar);
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        searchToolbar = (Toolbar) findViewById(R.id.toolbar_search);
        prepareActionBar(toolbar);
    }

    private void prepareActionBar(Toolbar toolbar) {
        setSupportActionBar(toolbar);
        ActionBar actionBar = getSupportActionBar();
        actionBar.setDisplayHomeAsUpEnabled(true);
        if (Build.VERSION.SDK_INT >= 21) {
            getWindow().setStatusBarColor(getResources().getColor(isSearch ? android.R.color.darker_gray : android.R.color.holo_red_dark));
        }
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(isSearch ? R.menu.search_for_second_toolbar : R.menu.search_item_only, menu);
        if (isSearch) {
            final SearchView search = (SearchView) menu.findItem(R.id.action_search).getActionView();

            search.setIconified(false);
            search.setQueryHint("search");
            search.setOnCloseListener(new SearchView.OnCloseListener() {
                @Override
                public boolean onClose() {
                    return true;
                }
            });
        }
        return super.onCreateOptionsMenu(menu);
    }


    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        switch (id){
            case R.id.action_search:{
                isSearch = true;
                searchToolbar.setVisibility(View.VISIBLE);
                prepareActionBar(searchToolbar);
                supportInvalidateOptionsMenu();
                return true;
            }
            case android.R.id.home:
                if(isSearch){
                    isSearch = false;
                    prepareActionBar(toolbar);
                    searchToolbar.setVisibility(View.GONE);
                    supportInvalidateOptionsMenu();
                }
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
    }
}
带有双工具栏的活动

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="@dimen/abc_action_bar_default_height_material">
        <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:background="@android:color/holo_red_dark"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

        </android.support.v7.widget.Toolbar>
        <android.support.v7.widget.Toolbar
                android:visibility="gone"
                android:background="@android:color/darker_gray"
                android:gravity="center_vertical"
                android:id="@+id/toolbar_search"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
        </android.support.v7.widget.Toolbar>
    </FrameLayout>

</LinearLayout>
<?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/action_search"
            app:showAsAction="ifRoom"
            app:actionViewClass="android.support.v7.widget.SearchView"
            android:title="Search"/>
</menu>


你可能会感兴趣。

你试过我的解决方案吗?是的,我现在试过了。它起作用了!Hi-Konrad,它很好地解决了这个问题。感谢您花时间深入了解API。也感谢您的链接。在另一个应用程序中需要它!
<?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/action_search"
          android:title="search"
          android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
          app:showAsAction="ifRoom" ></item>
</menu>