项目实战-使用Toolbar替代ActionBar

原创 2016年08月30日 16:34:13

Toolbar

本文参考Android开发最佳实践by胡凯

更多详细用法请参考
android:ToolBar详解(手把手教程)
Android 5.x Theme 与 ToolBar 实战

自从MaterialDesign开始,Android官方就开始使用Toolbar替代了原来的ActionBar,现在Toolbar已经加入Support兼容包。Toolbar是一个相比起ActionBar更加丰富,更加灵活的组件,另外它的布局本身还是View Hierarchy的一部分,这就意味着可以对Toolbar执行动画操作,增加点击滑动事件等等,甚至我们还可以在一个页面里面加入两个Toolbar。

为了启用Toolbar,首先要做的事情就是关闭当前Activity的ActionBar。我们可以通过使得Activity的主题继承Theme.AppCompat.NoActionBar

AndroidManifest.xml

<application
        ...
        android:theme="@style/AppTheme">
        ...
    </application>

…\values\styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@color/wbg</item>
        <item name="android:windowActionBar">false</item>

        <item name="android:actionMenuTextColor">@color/mtc</item>
        <item name="android:actionBarSize">@dimen/actionbar_height</item>
    </style>

然后在对应的XML布局文件中,添加类似下面的toolbar布局信息:

<android.support.v7.widget.Toolbar
           android:id="@+id/toolbar"
           android:layout_width="match_parent"
           android:layout_height="?attr/actionBarSize"
           android:layout_alignParentTop="true"
           android:background="@color/g"/>

在布局文件中添加Toolbar的信息之后,需要启动Toolbar替代ActionBar,需要像下面一样做设置:

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    final Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    if (toolbar != null) {
        setSupportActionBar(toolbar);
    }
    ActionBar actionBar = getSupportActionBar();
    if (actionBar != null) {
        // 显示返回上一级(即 < icon)
        actionBar.setDisplayHomeAsUpEnabled(true);
    }

    final Drawable upArrow = getResources().getDrawable(R.drawable.upArrow);

    if (upArrow != null) {
        // 如果layout方向是从右到左,自动翻转
        upArrow.setAutoMirrored(true);
        // 设置 < icon颜色
        upArrow.setColorFilter(getResources().
            getColor(R.color.upArrow),PorterDuff.Mode.SRC_ATOP);
    }

    if (actionBar != null) {
        // 设置返回上一级的图标
        actionBar.setHomeAsUpIndicator(upArrow);
        actionBar.setHomeActionContentDescription(getResources().
            getString(R.string.action_bar_back_button_navigate_up));
    }
}

可以在Fragment中设置隐藏或显示Toolbar ActionBar

@Override
public void onAttach(Activity activity) {
    super.onAttach(activity);

    // Hide ToolbarActionBar
    ActionBar actionBar = _mainActivity.getSupportActionBar();
    if (actionBar != null) {
        actionBar.hide();
    }

    _mainActivity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}

@Override
public void onDetach() {
    super.onDetach();

    // show ToolbarActionBar
    ActionBar actionBar = _mainActivity.getSupportActionBar();
    if (actionBar != null) {
        actionBar.show();
    }

    _mainActivity.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
}

Android 利用Toolbar打造统一风格的标题栏

如何利用Toolbar打造统一风格的标题栏,并且可以动态设置当前页面Title,以及返回上一级图标。一、首先,当然需要设置所有的Activity均不需要ActionBar,在标签设置style: ...
  • MyLero
  • MyLero
  • 2016年10月25日 17:04
  • 4373

Toolbar:上位的小三

尊重原创转载请注明:From AigeStudio(http://blog.csdn.net/aigestudio)Power by Aige 侵权必究!炮兵 镇楼Toolbar是Android 5....
  • aigestudio
  • aigestudio
  • 2015年07月27日 20:15
  • 17182

Android 自定义Toolbar/ActionBar视图左右两边有空白

为什么自定义Toolbar/ActionBar两边会有留白       如图效果:         其实这是由于系统的自定义属性造成的,到系统ActionBar/Toobar的自定义属性,我们可以...
  • qq_23901319
  • qq_23901319
  • 2016年08月19日 18:10
  • 1384

如何用Toolbar取代ActionBar

在 Android 3.0 开始,App Bar的功能逐渐被加入到 ActionBar中,而这个 ActionBar 被包含在 Theme 中,不过对于开发者来说,缺乏的灵活性, 而且伴随着每个版本的...
  • zwlove5280
  • zwlove5280
  • 2016年10月09日 23:15
  • 3367

利用Toolbar替换ActionBar

利用Toolbar替换ActionBar@(Blog)[马克飞象|Markdown|Android]利用Toolbar替换ActionBar Toolbar 在Activity中增加ToolbarTo...
  • a379992210
  • a379992210
  • 2015年07月26日 22:49
  • 7607

Android学习笔记044之Actionbar和Toolbar

这一篇我们介绍两个相似的控件,分别是Actionbar和Toolbar。Actionbar  Actionbar是Android3.0之后的一个重要的交互元素,Actionbar位于Activity的...
  • solo_talk
  • solo_talk
  • 2016年09月02日 15:51
  • 839

(4.3.1.16)java.lang.NoSuchMethodException: setHomeActionContentDescription

当使用反射来获取方法 setHomeActionContentDescription 像这样: Method setHomeActionContentDescription = ActionBar....
  • fei20121106
  • fei20121106
  • 2015年09月13日 15:52
  • 464

ActionBar - API

1.ActionBar:一个在Activity顶部显示Activity标题、具有导航模式和其他交互选项的功能。 2.ActionBar的使用条件API level >=11(Android 3.0),...
  • shzhbx
  • shzhbx
  • 2014年02月26日 19:12
  • 1788

Toolbar使用说明

Toolbar的基本使用由于ActionBar的局限性,Google引进Toolbar取代ActionBar,Toolbar可以更方便及更大程度的进行自定义。最近也是初浅的使用了一下Toolbar,也...
  • forevercbb
  • forevercbb
  • 2016年03月14日 19:57
  • 1859

ToolBar代替Actionbar在AppCompatActivity的使用

关于5.0以上推荐的toolbar 和AppCompatActivity 结合使用的案例
  • cuizehui123
  • cuizehui123
  • 2016年05月08日 23:23
  • 5759
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:项目实战-使用Toolbar替代ActionBar
举报原因:
原因补充:

(最多只允许输入30个字)