Toolbar简介
Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ,Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏,以此来取代之前的 Actionbar 。与 Actionbar 相比, Toolbar 明显要灵活的多。它不像 Actionbar 一样,一定要固定在Activity的顶部,而是可以放到界面的任意位置。除此之外,在设计 Toolbar 的时候,Google也留给了开发者很多可定制修改的余地,这些可定制修改的属性在API文档中都有详细介绍。
前面提到 Toolbar 是在 Android 5.0 才开始加上的,Google 为了将这一设计向下兼容,自然也少不了要推出兼容版的 Toolbar 。为此,我们需要在工程中引入 appcompat-v7 的兼容包,使用 android.support.v7.widget.Toolbar 进行开发。
Toolbar基本使用
修改样式,这里使用没有导航栏NoAcionBar的主题样式,不过我在网上看的时候,发现有的文章说,这样太麻烦了,直接在BaseActivity中调用 supportRequestWindowFeature(Window.FEATURE_NO_TITLE) 去掉了默认的导航栏(注意,BaseActivity是继承了AppCompatActivity的,如果是继承Activity就应该调用 requestWindowFeature(Window.FEATURE_NO_TITLE),这样做虽然也达到了效果,但是如果你在Activity中设置
setSupportActionBar(toolbar),那么将会报错。虽然你可以不用把Toolbar设置为ActionBar,去继续使用ActionBar的一些属性。但是Googl官方还是建议设置Toolbar支持ActionBar的一些属性。所以这里就是用没有导航栏的Theme。
<!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"> <!-- Customize your theme here. --> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> <item name="colorAccent">@color/colorAccent</item> <item name="windowNoTitle">true</item> <item name="windowActionBar">false</item> <!--设置Toolbar上字体的颜色,以及返回和更多按钮的颜色--> <item name="android:textColorPrimary">@color/white</item> </style>
我们在使用Toolbar时,为了方便通常创建一个独立的布局来放Toolbar,当在其它布局中使用到时直接即可,可以减少布局代码的冗余。Toolbar支持自定义的添加一些控件。
<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" android:focusable="true" android:focusableInTouchMode="true" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:theme="@style/ThemeOverlay.AppCompat.ActionBar" > <!--//修改返回按钮图标 android:navigationIcon="@drawable/img_back"--> <!--app:navigationIcon="@drawable/img_back"--> <TextView android:id="@+id/title_name" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="标题" android:textColor="@color/white" android:textSize="20sp"/> </android.support.v7.widget.Toolbar>
在activity_main中引入Toolbar:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <include layout="@layout/toolbar_layout"/> </LinearLayout>
在MainActivity中具体使用Toolbar的一些属性,首先我们通过findViewById找到Toolbar控件,
通过 setSupportActionBar(toolbar); 将Toolbar设置给ActionBar,并支持ActionBar的一些属性。
//设置toobar ((AppCompatActivity) getActivity()).setSupportActionBar(toolbar); ActionBar actionBar = ((AppCompatActivity) getActivity()).getSupportActionBar(); actionBar.setTitle(""); //设置返回按钮 actionBar.setDisplayHomeAsUpEnabled(true);
如果你想修改标题和子标题的字体大小、颜色等,可以调用 setTitleTextColor 、 setTitleTextAppearance 、 setSubtitleTextColor 、 setSubtitleTextAppearance 这些API;好了你可以先运行试试,接下来添加action menu看下面:
Toolbar使用Action Menu
1,在res下创建menu文件夹,创建Action Menu文件。
<?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_settings" android:title="设置" app:showAsAction="never"/> <item android:id="@+id/action_about" android:title="关于" app:showAsAction="never"/> </menu>
2,
a.在Activity中初始化Action menu
@Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { super.onCreateOptionsMenu(menu, inflater); getActivity().getMenuInflater().inflate(R.menu.toolbar_menu, menu); }
b.在Fragment中初始化Action menu
@Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { super.onCreateOptionsMenu(menu, inflater); getActivity().getMenuInflater().inflate(R.menu.toolbar_menu, menu); }
其中在Fragment 里面使用
onCreateOptionsMenu
需要在Oncreat里面添加
setHasOptionsMenu(true);
详情见:http://blog.youkuaiyun.com/qq_30723541/article/details/75303392
当用户点击App bar的items时,Activity会回调 onOptionsItemSelected()方法,并传递一个MenuItem对象,以指示单击了哪个item。
我们实现onOptionsItemSelected()方法,调用MenuItem.getItemId()方法来确定按下了哪个项目。
该ID匹配返回你在相应的元素的android公布值:id属性。
@Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case android.R.id.home: Toast.makeText(getActivity(), "点击了", Toast.LENGTH_SHORT).show(); break; case R.id.action_settings: break; case R.id.action_about: break; } return super.onOptionsItemSelected(item); }