Android开发之ToolBar使用

使用AS进行开发,在创建MainActivity时，会默认继承AppCompatActivity 。而不是ActionBarActivity。在API22之后，谷歌遗弃了ActionBarActivity，推荐我们也可以说是强制我们使用AppCompatActivity。并且用Toolbar替代了原来的ActionBar。

Toolbar的使用

由于ActionBar不在推荐使用，所以第一步就需要设置Application的样式。

1、定义style

<resources><style name="AppTheme_toolbar" parent="Theme.AppCompat.Light.NoActionBar"></style></resources>

2、修改Appplication样式

<application     android:allowBackup="true"     android:icon="@mipmap/ic_launcher"     android:label="@string/app_name"     android:supportsRtl="true"     android:theme="@style/AppTheme_toolbar"><application/>

3、在布局文件中定义Toolbar

    <android.support.v7.widget.Toolbar        android:id="@+id/toolbar"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:minHeight="?attr/actionBarSize"        android:background="?attr/colorPrimary">    </android.support.v7.widget.Toolbar>

解释①android:minHeight=”?attr/actionBarSize”：设置标题栏最小高度为ActionBar的高度。

解释②android:background=”?attr/colorPrimary”：该主题下的主色。也就是默认的灰色。

4、在Activity中设置ToolBar

Toolbar toolbar = (Toolbar) findViewById(R.id.activity_main_toolbar);// App Logotoolbar.setLogo(R.mipmap.ic_launcher);// Titletoolbar.setTitle("My Title");// Sub Titletoolbar.setSubtitle("Sub title");//Navigation Icon 侧拉菜单按钮，也可以将其设置为返回按钮toolbar.setNavigationIcon(android.R.drawable.navigation_menu);setSupportActionBar(toolbar);

这样一个简单的ToolBar就做完了。但是实际开发中要求可能更多。接下来就继续完善代码

1、修改标题并让标题居中显示。

这一步只需要在Activity中设置toolbar.setTitle(“”)。然后在布局文件的ToolBar中重新放置一个TextView即可

<android.support.v7.widget.Toolbar    android:id="@+id/activity_main_toolbar"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:minHeight="?attr/actionBarSize"    android:background="?attr/colorPrimary">    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:layout_centerInParent="true"        android:textColor="@android:color/white"        android:text="xxx"/></android.support.v7.widget.Toolbar>

2、设置菜单

（1）定义menu_main.xml

右键res——>Android resource directory——>Resource type选择menu，点击ok即可创建一个menu目录。右键menu选择new——>Menu resource file。输入file name即可创建一个menu_main.xml。接下来就可编写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/menu_search"        android:title="sreach"        android:icon="@mipmap/menu_item_search"        app:showAsAction="ifRoom"/>    <item        android:id="@+id/menu_share"        android:title="share"        android:icon="@mipmap/menu_item_share"        app:showAsAction="ifRoom"/></menu>

app:showAsAction属性值：

always：使菜单项一直显示在ToolBar上。

ifRoom：如果有足够的空间，这个值会使菜单项显示在ToolBar上。

never：使菜单项永远都不出现在ToolBar上,在…的子项中显示。

withText：使菜单项和它的图标，菜单文本一起显示。

menu显示文字，默认颜色为黑色。要想修改文字的样式，只需要在style中定义。

<!-- ToolBar菜单样式 --><style name="ToolbarTheme" parent="@style/ThemeOverlay.AppCompat.ActionBar">    <item name="actionMenuTextColor">#ffffff</item> <!--  颜色-->    <item name="android:textSize">10sp</item> <!--  字体大小--></style>

然后在布局文件Toolbar中引用即可

app:theme="@style/ToolbarTheme"

3、在Activity设置menu菜单

有两种方式：
（1）使用toolbar.inflateMenu(R.menu.menu_main);加载menu布局
（2）在Activity中实现onCreateOptionsMenu方法在改方法中加载menu布局

    @Override    public boolean onCreateOptionsMenu(Menu menu) {        getMenuInflater().inflate(R.menu.menu_main,menu);        return true;    }

在使用这两种方式去显示menu时要注意：
使用第一种方式时不能设置setSupportActionBar(toolbar);第二种方式显示时需要设置。要不然menu菜单是显示不出来的

4、设置Toolbar点击事件

//设置左边按钮事件。可以是侧边栏菜单按钮也可以是返回按钮或是其他
toolbar.setNavigationOnClickListener
//设置菜单点击事件
toolbar.setOnMenuItemClickListener

这样Toolbar就基本完成了