标题Toolbar

无标题

 <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorAccent">@color/colorAccent</item>
        <!-- 设置成false就没有系统默认的那个菜单选项了-->
        <item name="windowActionBar">false</item>
        <!-- 状态栏颜色 -->
        <item name="colorPrimaryDark">@android:color/holo_orange_dark</item>
        <!--设置状态栏的透明-->
        <item name="android:windowTranslucentNavigation">true</item>
        <!--设置虚拟键透明-->
        <item name="android:windowTranslucentStatus">true</item>
        <!--不占用状态栏的位置 -->
        <item name="android:fitsSystemWindows">true</item>
    </style>

清单中设置主题 android:theme="@style/AppTheme"再去values报下看
styles.xml文件是系统默认的主题重点是<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">他们比能用同一个name

<!-- 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>
    </style>

自定义写了一个4.4及以上的写法

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AppTheme2" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- 设置成false就没有系统默认的那个菜单选项了-->
        <item name="windowActionBar">false</item>
        <!--不显示标题了-->
        <item name="android:windowNoTitle">true</item>
        <!--Toolbar颜色-->
        <item name="colorPrimary">@android:color/holo_blue_bright</item>
        <!-- 状态栏颜色 -->
        <item name="colorPrimaryDark">@android:color/holo_blue_bright</item>
        <!--设置状态栏的透明-->
        <item name="android:windowTranslucentNavigation">true</item>
        <!--设置虚拟键透明-->
        <item name="android:windowTranslucentStatus">true</item>
    </style>
</resources>

4.4一下的

values文件夹下styles.xml,内容如下:
<resources>  
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">  
        <item name="windowActionBar">false</item>  
        <item name="android:windowNoTitle">true</item>  
        <!--Toolbar颜色-->  
        <item name="colorPrimary">@color/Indigo_colorPrimary</item>  
    </style>  
</resources> 
 3)注意:
    -均取消ActionBar,都继承了NoActionBar主题;
    -Android4.4及以上版本可对状态栏颜色进行改变,需要在代码中进行设置.

4.创建toolbar的布局文件widget_layout.xml


<?xml version="1.0" encoding="utf-8"?>  
<android.support.v7.widget.Toolbar  xmlns:android="http://schemas.android.com/apk/res/android"  
    android:id="@+id/toolbar"  
    android:layout_height="wrap_content"  
    android:layout_width="match_parent"  
    android:background="?attr/colorPrimary"  
    android:minHeight="?android:attr/actionBarSize">  
          
</android.support.v7.widget.Toolbar>  
    1)说明
    -android:background="?attr/colorPrimary"    
    -设置toolbar的背景颜色
    -android:minHeight="?android:attr/actionBarSize"    -设置toolbar最小高度

5.在Activity中引用
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"              android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:fitsSystemWindows="true"  
    tools:context=".MainActivity">  
    <include  
        layout="@layout/widget_toolbar"  
        android:id="@+id/toolbar" />  
</RelativeLayout>  
    1)说明
    -android:fitsSystemWindows="true"
    -防止ActionBar会和状态栏混在一起

toolbar和布局一样往里面添加就行了
Toolbar的元素

1.导航按钮
设置导航按钮：
mToolbar.setNavigationIcon(R.drawable.icon_back);
设置导航按钮监听事件：
mToolbar.setNavigationOnClickListener(new View.OnClickListener(){
    @Override
    public void onClick(View v){
        //to do something
    }
});
2.Logo
   设置Logo：
mToolbar.setLogo(R.mipmap.tool);

设置Logo长按监听事件：
mToolbar.setOnLongClickListener(new View.OnLongClickListener() {
    @Override
    public boolean onLongClick(View view) {
        //to do something
        return false;
    }
});
3.主标题和副标题
1）主标题
                            设置主标题：
    mToolbar.setTitle("主标题");
设置主标题颜色：
    mToolbar.setTitleTextColor(Color.parseColor("#ffff00"));
    修改主标题的颜色外观：
    mToolbar.setTitleTextAppearance(this,R.style.Theme_ToolBar_Base_Title);
        
Theme_ToolBar_Base_Title:
    在styles.xml文件中添加：
    <style name="Theme_ToolBar_Base_Title"                                          parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
                <item name="android:textSize">20sp</item>
                <item name="android:textColor">@android:color/white</item>
</style>
2）副标题
设置副标题：
    mToolbar.setSubtitle("副标题");
设置副标题颜色：
    mToolbar.setSubtitleTextColor(Color.parseColor("#ffff00"));
    修改副标题的颜色外观：
    mToolbar.setSubtitleTextAppearance(this,R.style.Theme_ToolBar_Base_Subtitle);

    Theme_ToolBar_Base_Subtitle:
    在styles.xml文件中添加：
    <style name="Theme_ToolBar_Base_Subtitle"                   parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Subtitle">
            <item name="android:textSize">14sp</item>
                <item name="android:textColor">@android:color/white</item>
</style>
4.动作菜单
首先在res/menu目录下的menu_main.xml(名字随便起)文件中定义的，要添加几个动作，则在<menu>节点下添加几个item.
<?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"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
    <item
        android:id="@+id/search"
        android:icon="@drawable/ic_menu_search"
        android:title="@string/menu_search"
        app:showAsAction="ifRoom" />
<item
        android:id="@+id/notification"
        android:icon="@drawable/ic_menu_send"
        android:title="@string/menu_notifications"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/action_item1"
        android:title="@string/item_01"
        app:showAsAction="never" />

    <item
        android:id="@+id/action_item2"
        android:title="@string/item_02"
        app:showAsAction="never" />
</menu>
属性：app:showAsAction="值";
    1.ifRoom：只要在app bar存在可用空间，就可以显示，可以通过orderInCategory设置优先级，具有最低的值将被显示为操作，其余显示在溢出菜单。
2.withText：这个看字面意思就能明白就是和图标显示文字，一般和ifRoom一起通过“|”使用，但是你发现设置了竖屏看不到，要横屏才能看到。
    3.never：这个就是一直显示在溢出菜单里面，没什么好说的。
    4.always：始终把这个放到项目中app bar。但是谷歌建议避免这么使用，除非它非常关键，使它始终显示在操作栏。设置多个始终显示在app bar可能会导致它们在应用栏其他UI重叠。
    5.collapseActionView：这个一般也和ifRoom连用，就是把控件折叠到一个按钮中，使用searchView应该选择该属性。

    如果OptionMenu中需显示到ActionBar的菜单项过多，则可能因宽度不再，无法全部显示，默认情况下会在最右侧显示由3个小点组成的按钮，点击该按钮将可以弹出未能直接显示的菜单项，该位置通常称之为Overflow Menu即：溢出的菜单。

然后在Activity中设置菜单：
    设置菜单弹出样式的文本颜色和背景：
    mToolbar.setPopupTheme(R.style.PopupMenu);
    //设置菜单弹出样式必须放在设置菜单前面,否则没有效果;
    设置菜单：
    mToolbar.inflateMenu(R.menu.menu_main);
    设置菜单及其点击监听：
    mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                int id=item.getItemId();
                switch (id){
                    case R.id.search:
                        break;
             ...
                }
                return true;
            }
    });

R.style.PopupMenu:
    <style name="PopupMenu" parent="ThemeOverlay.AppCompat.Light" >
        <item name="android:colorBackground">@color/colorPrimaryDark</item>
        <item name="android:textColor">@android:color/white</item>
        <item name="overlapAnchor">false</item>
        <!-- 将overlapAnchor属性设置成false就可以设置弹出窗口在菜单下方显示 -->
</style>
5.若干个自定义View
因为Toolbar是ViewGroup的子类，因此可以向其内部添加View进行显示。这里我们简单的添加一个TextView显示一个文本。
<android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:elevation="4dp"
            android:theme="@style/ToolbarTheme"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            
    app:titleTextAppearance="@style/Toolbar.TitleText">

    <TextView
        android:id="@+id/toolbar_title"                 style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="自定义"
        android:textSize="21sp"/>

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


    private void toolbarg() {
        mViewById = (Toolbar) findViewById(R.id.toolbar);
        mTextbiaoti = (TextView) findViewById(R.id.textbiaoti);
        touxiang = (ImageView) findViewById(R.id.touxiang);
        gengduo = (ImageView) findViewById(R.id.gengduo);

        mViewById.setNavigationIcon(R.drawable.cate_4);
        mViewById.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(OpenMain.this, "cehua", Toast.LENGTH_SHORT).show();
            }
        });
        //先设置菜单样式
        mViewById.setPopupTheme(R.style.PopupMenu);
        //设置溢出菜单
        mViewById.inflateMenu(R.menu.main);


    }

问答

Toolbar是android哪个版本引入的?
android5.0

说出ToolBar与Android3.0时的ActiconBar有什么区别？
答：ActionBar 是android 3.0的推出的，当时Google 想要逐渐改善过去 android 纷乱的界面设计，希望让终端使用者尽可能在 android 手机有个一致的操作体验。ActionBar 过去最多人使用的两大套件就是 ActionBarSherlock 以及官方提供在 support library v 7 里的 AppCompat。Action bar被包含在所有的使用Theme.Hole主题的Activity（或者是这些Activity的子类）中。如果不想用ActionBar，那么只要在theme主题后面" .NoActionBar", 就可以了
Toolbar 是android 5.0的推出的，放在了v7包中作为控件，它是为了取代actionbar而产生的，意味着官方在某些程度上认为 ActionBar 限制了 android app 的开发与设计的弹性，而在 material design 也对之做了名称的定义：App bar。


Android ToolBar的新特性？
答：Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。与 Actionbar 相比，Toolbar 明显要灵活的多。它不像 Actionbar 一样，一定要固定在Activity的顶部，而是可以放到界面的任意位置。除此之外，在设计 Toolbar 的时候，Google也留给了开发者很多可定制修改的余地，这些可定制修改的属性在官方API文档中都有详细介绍，如：
设置导航栏图 ；      
设置App的logo；
支持设置标题和子标题；
支持添加一个或多个的自定义控件；
支持Action Menu