toolbar使用

參考

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居中以及一些注意事項

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容