Material Design之Toolbar

toolbar是安卓5.0+新控件,取代之前的actionbar,比actionbar更自由灵活

要使用toolbar,首先隐藏自带的标题栏,然后再布局中声明上面的toolbar(不一定放在头部,可以是任何位置,在布局中灵活使用)

使用隐藏标题栏的风格




Theme.AppCompat风格对应的颜色属性的意义,其中bar对应的颜色属性有colorPrimary和textcolorPrimary,如果我们使用actionbar,直接在上面的style文件中配置就可以了

如果使用toolbar,还需要在toolbar里设定一下(见下面toolbar.xml布局中对backgroud的设定),当然,如果不设定,会有默认值:

Material Design之Toolbar_第1张图片Material Design之Toolbar_第2张图片


toolbar.xml布局

xml version="1.0" encoding="utf-8"?>
    xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    >


?attr表示使用当前样式中定义的对应属性的值,比如此处,样式为noactionbar,它里面有个自定义属性actionbarsize,它的值默认是56dp

name="actionBarSize">@dimen/abc_action_bar_default_height_material
name="abc_action_bar_default_height_material">56dp
我们让toolbar的最小高度沿用这个值,以保持风格的统一


需要toolbar的时候include这个布局

xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="com.qianfeng.zhouyi.toolbartest.MainActivity">

    layout="@layout/toolbar" />
            android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:layout_below="@+id/toolbar"/>

代码中设定这个toolbar

mToolbar = (Toolbar) this.findViewById(R.id.toolbar);
// toolbar.setLogo(R.drawable.ic_launcher);
mToolbar.setTitle("Rocko");// 标题的文字需在setSupportActionBar之前,不然会无效
// toolbar.setSubtitle("副标题");
setSupportActionBar(mToolbar);

boolbar上设置菜单,重写onCreateOptionsMenu即可:

ShareActionProvider是4.0后,安卓系统提供的分享功能的实现,要使用它,先要声明这个菜单项的actionProviderClass为ShareActionProvider

android:actionProviderClass="android.widget.ShareActionProvider"

然后设置Intent,目的是声明要分享的数据类型(比如文本,图片等待)


@Override
public boolean onCreateOptionsMenu(Menu menu) {

    getMenuInflater().inflate(R.menu.menu_toolbar,menu);


    ShareActionProvider mShareActionProvider = (ShareActionProvider) MenuItemCompat.getActionProvider(menu
            .findItem(R.id.action_share));
    Intent intent = new Intent(Intent.ACTION_SEND);
    intent.setType("text/*");
    mShareActionProvider.setShareIntent(intent);

    SearchView searchView = (SearchView) MenuItemCompat.getActionView(menu.findItem(R.id.ab_search));
    searchView.setIconified(false);//默认不收缩


    return super.onCreateOptionsMenu(menu);
}

菜单的定义:

orderInCategoryactionbar:里每个item的优先级,值越大优先级越低,优先级高的放在前面,actionbar地方不够,优先级低得就会放到overflow中
actionProviderClass:定义菜单的类型,预设了很多类型,比如搜索菜单,分享菜单等
showAsAction:可以为以下4个值:
   1、always:这个值会使菜单项一直显示在Action Bar上。
  2、ifRoom:如果有足够的空间,这个值会使菜单项显示在Action Bar上。
  3、never:这个值使菜单项永远都不出现在Action Bar上,只出现在溢出菜单列表里
  4、withText:这个值使菜单项和它的图标,菜单文本一起显示。

 
  
 
  

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" >

            android:id="@+id/ab_search"
        android:orderInCategory="80"
        android:title="action_search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:showAsAction="ifRoom"/>
            android:id="@+id/action_share"
        android:orderInCategory="90"
        android:title="action_share"
        app:actionProviderClass="android.support.v7.widget.ShareActionProvider"
        app:showAsAction="ifRoom"/>
            android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="action_settings"
        app:showAsAction="never"/>



菜单点击事件响应:

mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_settings:
                Toast.makeText(MainActivity.this, "action_settings", Toast.LENGTH_SHORT).show();
                break;
            case R.id.action_share:
                Toast.makeText(MainActivity.this, "action_share", Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
        return true;
    }
});





你可能感兴趣的:(Material Design之Toolbar)