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 Logo
toolbar.setLogo(R.mipmap.ic_launcher);
// Title
toolbar.setTitle("My Title");
// Sub Title
toolbar.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就基本完成了