众所周知,在使用ActionBar的时候,一堆的问题:这个文字能不能定制,位置能不能改变,图标的间距怎么控制神马的,由此暴露出了ActionBar设计的不灵活。为此官方提供了ToolBar,并且提供了supprot library用于向下兼容。Toolbar之所以灵活,是因为它其实就是一个ViewGroup,我们在使用的时候和普通的组件一样,在布局文件中声明。
Part1:ToolBar的引入
step1:设置style主题,主要任务是去除原本的ActionBar
<span style="font-size:14px;"> <style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar"><!--Light.DarkActionBar表示默认的黑色主体的Actionbar--> <!-- Customize your theme here. --> <item name="colorPrimary">@color/sky_blue</item> <item name="colorPrimaryDark">@color/deep_blue</item> <item name="colorAccent">@color/material_deep_teal_200</item> <item name="android:textColorPrimary">@color/white</item> </style></span>
colorPrimary表示标题栏ActionBar的颜色;
colorPrimaryDark表示状态栏的颜色; colorAccent表示输入框,按钮等被选中时的颜色; textColorPrimary表示标题栏(ActionBar或者ToolBar)中字体的颜色
当然啦,第一步的实现也可以在程序代码中或者style里静态或者动态地去掉ActionBar
step2:在你需要引入ToolBar的布局文件中引入ToolBar:
<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控件以及实例化:
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中
<span style="white-space:pre"> </span><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即可。
public boolean onCreateOptionsMenu(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, new MenuItemCompat.OnActionExpandListener() {//设置打开关闭动作监听 @Override public boolean onMenuItemActionExpand(MenuItem item) { Toast.makeText(MainActivity.this, "onExpand", Toast.LENGTH_LONG).show(); return true; } @Override public boolean onMenuItemActionCollapse(MenuItem item) { Toast.makeText(MainActivity.this, "Collapse", Toast.LENGTH_LONG).show(); return true; } }); return super.onCreateOptionsMenu(menu); }