Android 使用Toolbar

本文介绍在Android5.0以上应用中使用Toolbar作为标题栏

基本用法是在XML中:

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_collapseMode="pin"
        style="@style/CustomToolBar"
        app:popupTheme="@style/ToolBarTheme">
</android.support.v7.widget.Toolbar>

初始化Toolbar

Toolbar toolbar = (Toolbar)rootView.findViewById(R.id.toolbar);
//设置主标题
toolbar.setTitle("主标题");
//设置副标题
toolbar.setSubtitle("副标题");
//设置导航图标
toolbar.setNavigationIcon(R.mipmap.mine);
//设置导航图标的点击事件
toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(MainActivity.this, "我是导航图标", Toast.LENGTH_SHORT).show();
        }
    });
//设置Logo
toolbar.setLogo(R.mipmap.ic_launcher);

在Activity中创建右侧导航按钮

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

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()){
        case R.id.aaa:
            Toast.makeText(MainActivity.this, "我是AAA", Toast.LENGTH_SHORT).show();
            break;

        case R.id.bbb:
            Toast.makeText(MainActivity.this, "我是BBB", Toast.LENGTH_SHORT).show();
            break;

        case R.id.action_settings:
            Toast.makeText(MainActivity.this, "我是设置按钮", Toast.LENGTH_SHORT).show();
            break;
    }
    return super.onOptionsItemSelected(item);
}

在Fragment设置右侧导航按钮

首先在初始化Toolbar前

setHasOptionsMenu(true);

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    menu.clear();
    inflater.inflate(R.menu.menu_bookrack, menu);
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()){
        case R.id.aaa:
            Toast.makeText(MainActivity.this, "我是AAA", Toast.LENGTH_SHORT).show();
            break;

        case R.id.bbb:
            Toast.makeText(MainActivity.this, "我是BBB", Toast.LENGTH_SHORT).show();
            break;

        case R.id.action_settings:
            Toast.makeText(MainActivity.this, "我是设置按钮", Toast.LENGTH_SHORT).show();
            break;
    }
    return super.onOptionsItemSelected(item);
}

menu文件夹中创建menu_main.xml文件

<menu xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">

    <item android:id="@+id/aaa"
          android:title="a"
          android:orderInCategory="80"
          android:icon="@mipmap/search"
          app:showAsAction="ifRoom" />

    <item android:id="@+id/bbb"
          android:title="b"
          android:orderInCategory="90"
          android:icon="@mipmap/download"
          app:showAsAction="ifRoom" />

    <item android:id="@+id/action_settings"
          android:title="c"
          android:orderInCategory="100"
          app:showAsAction="never"/>


</menu>

showAsAction属性共有五个值:ifRoom、never、always、withText、collapseActionView,可以混合使用。

  • ifRoom 会显示在Item中,但是如果已经有4个或者4个以上的Item时会隐藏在溢出列表中。当然个数并不仅仅局限于4个,依据屏幕的宽窄而定
  • never 永远不会显示。只会在溢出列表中显示,而且只显示标题,所以在定义item的时候,最好把标题都带上。
  • always 无论是否溢出,总会显示。
  • withText withText值示意Actionbar要显示文本标题。Action bar会尽可能的显示这个标题,但是,如果图标有效并且受到Action bar空间的限制,文本标题有可能显示不全。
  • collapseActionView 声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,这个操作视窗展开。否则,这个操作视窗在默认的情况下是可见的,并且即便在用于不适用的时候,也要占据操作栏的有效空间。
    一般要配合ifRoom一起使用才会有效果。

image
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容