toolbar使用

作者: aqianglala | 来源:发表于2017-06-02 17:57 被阅读93次

参考

Android 5.x Theme 与 ToolBar 实战
Android ToolBar 使用完全解析
Toolbar中添加菜单

简介

ActionBar定制不方便,因此在android 5.0之后,谷歌在兼容包中提供了toolbar用来代替actionbar。

使用

1、引入v7包

compile 'com.android.support:appcompat-v7:23.1.1'

2、去除actionbar(两种方式)

  • 修改继承的主题为Theme.AppCompat.Light.NoActionBar
  • AppTheme标签中加入如下两行:
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>

3、布局中引入toolbar

<android.support.v7.widget.Toolbar
        android:id="@+id/id_toolbar"
        app:title="App Title"
        app:subtitle="Sub Title"
        app:logo="@mipmap/ic_launcher"
        app:navigationIcon="@mipmap/ic_launcher"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        />

app:popupTheme控制menu弹框的样式
android:theme控制整个toolbar的样式
light和dark表示的背景色,文字颜色和背景色相反,如上menu弹框为白底黑字,toolbar为黑底白字。

对应样式如下图所示:

image.png

4、在代码中设置toolbar

        Toolbar toolbar = (Toolbar) findViewById(R.id.id_toolbar);
        setSupportActionBar(toolbar);

实战

1、Toolbar中添加菜单
2、toolbar结合drawerlayout:

3、ToolBar的title居中以及一些注意事项

相关文章

网友评论

    本文标题:toolbar使用

    本文链接:https://www.haomeiwen.com/subject/jepufxtx.html