【Android】Toolbar

原创
2014/12/16 22:37
阅读数 5.3K

#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

展开阅读全文
打赏
0
14 收藏
分享
加载中
更多评论
打赏
0 评论
14 收藏
0
分享
返回顶部
顶部