Question

我已经浏览了Android开发者网站上的搜索界面教程并成功实施了。

我唯一无法实现的是在点击搜索菜单时更改操作栏背景并在点击“返回”按钮时将其还原回来？

以下是Gmail应用的截图。正常的操作栏看起来像这样。

enter image description here

当您单击“搜索”菜单时，它会更改为如下所示，而不会更改活动。

enter image description here

我想实现此功能。请帮忙。谢谢。

Answer 1

基本上{Gmail}应用程序中创建了FrameLayout，其中包含两个视图：

Toolbar - 公共API中提供的第一个红色工具栏
MaterialSearchActionView包含三个视图
- ImageView - 带后退箭头
- EditText
- ImageView - 使用“x”/“麦克风”

第二个视图在公共API中不可用。

我认为这个想法很简单。当您打开Activity时，第二个视图为GONE，当您按搜索图标时，会显示该视图。无法获得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);
        }
    }
}

activity_with_double_toolbar.xml

<?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>

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

search_item_only.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/action_search"
          android:title="search"
          android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
          app:showAsAction="ifRoom" ></item>
</menu>

此外，您可以查看此库

https://github.com/Quinny898/PersistentSearch

对你来说很有意思。

如何更改操作栏背景点击＆＃34;搜索＆＃34;菜单？

1 个答案: