android：ToolBar和SearchView的使用总结

，在使用ActionBar的时候，一堆的问题：这个文字能不能定制，位置能不能改变，图标的间距怎么控制神马的，由此暴露出了ActionBar设计的不灵活。为此官方提供了ToolBar，并且提供了supprot library用于向下兼容。Toolbar之所以灵活，是因为它其实就是一个ViewGroup，我们在使用的时候和普通的组件一样，在布局文件中声明。

androidstudio中的baseactivity默认的就有toolbar  ! ! ! !

  在toolbar的xml中设置的属性无效时候要看看android 和app

<android.support.v7.widget.Toolbar    android:id="@+id/toolbar"    android:layout_width="match_parent"    android:layout_height="?attr/actionBarSize"    android:background="?attr/colorPrimary"    app:popupTheme="@style/AppTheme.PopupOverlay"    app:title="用详情页"    app:subtitle="详情信息"    app:logo="@mipmap/ic_launcher"/>

Part1：ToolBar的引入step1：设置style主题，主要任务是去除原本的ActionBar

[XML] 查看源文件 复制代码

?

1

2

3

4

5

6

7

<stylename="AppBaseTheme"parent="Theme.AppCompat.Light.NoActionBar"><!--Light.DarkActionBar表示默认的黑色主体的Actionbar-->

  <!-- Customize your theme here. -->

  <itemname="colorPrimary">@color/sky_blue</item>

  <itemname="colorPrimaryDark">@color/deep_blue</item>

  <itemname="colorAccent">@color/material_deep_teal_200</item>

  <itemname="android:textColorPrimary">@color/white</item>

</style>

colorPrimary表示标题栏ActionBar的颜色；colorPrimaryDark表示状态栏的颜色；   colorAccent表示输入框，按钮等被选中时的颜色；  textColorPrimary表示标题栏（ActionBar或者ToolBar）中字体的颜色

当然啦，第一步的实现也可以在程序代码中或者style里静态或者动态地去掉ActionBar

step2：在你需要引入ToolBar的布局文件中引入ToolBar：

[XML] 查看源文件 复制代码

?

1

2

3

4

5

6

7

<android.support.v7.widget.Toolbar

        android:id="@+id/main_toolbar"

        android:theme="@style/ThemeOverlay.AppCompat.Dark"//这里的主题可以用来反衬toolBar的overFlow颜色

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@color/sky_blue"

        ></android.support.v7.widget.Toolbar>

因为colorPrimary是给ActionBar设定颜色的，因此如果我们使用ToolBar，就需要自己去设定ToolBar的背景颜色

setp3：在代码中获取ToolBar控件以及实例化：

[Java] 查看源文件 复制代码

?

1

2

3

4

Toolbar toolbar = (Toolbar) findViewById(R.id.main_toolbar);

       toolbar.setNavigationIcon(R.mipmap.ic_toc_white_24dp);//设置ToolBar头部图标

       toolbar.setTitle("ToolBar");//设置标题，也可以在xml中静态实现

       setSupportActionBar(toolbar);//使活动支持ToolBar

Part2：ToolBar里各SearchView的引入：

setp1:在menu/xxxx.xml的菜单布局文件将SearchView以菜单条目的方式加入到ToolBar中

[XML] 查看源文件 复制代码

?

1

2

3

4

5

6

7

8

<item

        android:id="@+id/action_search"

        android:icon="@drawable/ic_search"

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

        app:showAsAction="ifRoom|collapseActionView"

        android:inputType="textCapWords"

        android:imeOptions="actionSearch"

        android:title="search"/>

这中添加条目的方式和添加普通控件的方式是一样的，这里需要对showAsAction具体说明以下：

ifRoom表示当toolBar空间足够时，显示图标在标题栏中，否则将它隐藏到ToolBar末端的overFlow中，点开overFlow只显示item的title

CollapseActionView表示当前空间点开之后占据整个ToolBar空间

always表示总是显示在标题栏中，当我们长按该item后，就会以Toast的方式显示出它的title

never表示总是隐藏在overFlow中

step2：在Java程序代码中实例SearchView

覆写onCreateOptionsMenu方法，为什么要在这个方法里实现对SearchView的实例化呢？因为toolBar里的点击事件都以菜单的形式实现的，如果我们需要让它隐藏到overFlow中，并且点击菜单键并唤出，那么就只需要把它的显示方式设置为never即可。

[Java] 查看源文件 复制代码

?

01

02

03

04

05

06

07

08

09

10

11

12

13

14

15

16

17

18

19

20

publicbooleanonCreateOptionsMenu(Menu menu) {

  MenuInflater inflater = getMenuInflater();

  inflater.inflate(R.menu.menu_main, menu);

  MenuItem menuItem = menu.findItem(R.id.action_search);//在菜单中找到对应控件的item

  SearchView searchView = (SearchView) MenuItemCompat.getActionView(menuItem);

  Log.d("Tag","menu create");

  MenuItemCompat.setOnActionExpandListener(menuItem,newMenuItemCompat.OnActionExpandListener() {//设置打开关闭动作监听

    @Override

    publicbooleanonMenuItemActionExpand(MenuItem item) {

      Toast.makeText(MainActivity.this,"onExpand", Toast.LENGTH_LONG).show();

      returntrue;

    }

    @Override

    publicbooleanonMenuItemActionCollapse(MenuItem item) {

      Toast.makeText(MainActivity.this,"Collapse", Toast.LENGTH_LONG).show();

      returntrue;

    }

  });

  returnsuper.onCreateOptionsMenu(menu);

}










实例代码：

 @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_main, menu);        MenuItem menuItem = menu.findItem(R.id.action_search);//在菜单中找到对应控件的item        SearchView searchView = (SearchView) MenuItemCompat.getActionView(menuItem);//        SearchView serch = (SearchView) menu.findItem(R.id.action_se).getActionView();        searchView.setOnQueryTextListener(this);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        int id = item.getItemId();        if (id == R.id.action_settings) {            Toast.makeText(MainActivity.this, "action_settings1", Toast.LENGTH_SHORT).show();            return true;        }        if (id == R.id.action_settings2){            Toast.makeText(MainActivity.this, "action_settings2", Toast.LENGTH_SHORT).show();            return true;        }        if (id == R.id.action_settings3) {            Toast.makeText(MainActivity.this, "action_settings3", Toast.LENGTH_SHORT).show();            return true;        }        return super.onOptionsItemSelected(item);    }    @Override    public boolean onQueryTextSubmit(String query) {        Toast.makeText(MainActivity.this, query, Toast.LENGTH_SHORT).show();        return true;    }    @Override    public boolean onQueryTextChange(String newText) {        Toast.makeText(MainActivity.this, newText, Toast.LENGTH_SHORT).show();        return true;    }}