【Android】Toolbar

Toolbar

简述

Toolbar 在v7.21+包中,是一个用来替代ActionBar的组件,可以说是ActionBar的升级版本。Toolbar与ActionBar比较有几个特点:

  1. ActionBar属于Window的装饰组件,一个activity中只能有一个ActionBar,但是Toolbar属于View级别,可以有任意多个
  2. ActionBar定制困难,Toolbar可以看作一个ViewGroup,可以自由搭配

Toolbar的几个组成与ActionBar差不多,顺序是:

  1. 导航按钮
  2. logo
  3. 标题
  4. 自定义组件
  5. action menu(类似菜单)

使用

替换ActionBar

如果使用的是兼容包,那么依旧必须继承ActionBarActivity,唯一的要点:主题中需要去掉ActionBar。

<style name="V7.Toolbar" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="windowActionBar">false</item>
</style>

或者

<style name="V7.Toolbar" parent="Theme.AppCompat.Light.NoActionBar">
</style>

代码中用Toolbar替换掉ActionBar即可

setContentView(R.layout.v7_activity_toolbar);
    Toolbar toolbar = (Toolbar) findViewById(R.id.v7_toolbar_1);
    if (toolbar != null) {
        setSupportActionBar(toolbar);
    }

就是这么简单

实现tab

可以注意点到,ActionBar中的setNavigationMode方法已经被标记为deprecated了,所以想必也是不推荐了。
Toolbar并没有提供现成的实现,虽然带来了不便,但是赋予了更大的自由。
只需要在Toolbar的自定义组件部分加入tab组件就可以了,tab组件有很过,google也提供了一个实现SlidingTabLayout。

<android.support.v7.widget.Toolbar

    android:id="@+id/v7_toolbar_2"
    android:layout_width="match_parent"
    android:layout_height="60dp">

    <dev.xesam.android.study.lollipop.v7.toolbar.SlidingTabLayout
        android:id="@+id/v7_sliding_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</android.support.v7.widget.Toolbar>

实现nav list

同tab,将SlidingTabLayout替换为Spinner就行(老机型可能需要寻找其他组件辅助实现预期效果)

<android.support.v7.widget.Toolbar
    android:id="@+id/v7_toolbar_1"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    app:theme="@style/V7.ToolbarTheme">

    <Spinner
        android:id="@+id/v7_toolbar_spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

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

demo

demo(dev.xesam.android.study.lollipop.v7.toolbar.ToolbarActivity)

Android分享 Q群:315658668

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。