一些toolbar的設(shè)置

慣例先貼代碼

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>

        <!--<item name="android:actionMenuTextColor">@android:color/white</item>-->
        <!--<item name="actionOverflowMenuStyle">@style/PopupMenu</item>-->
    </style>

    <style name="toolbar_style" parent="ThemeOverlay.AppCompat.Dark.ActionBar" >
        <item name="android:homeAsUpIndicator">@android:drawable/ic_menu_help</item>
        <item name="android:actionMenuTextColor">#11eeff</item>
        <item name="android:actionOverflowButtonStyle">@style/OverflowButtonStyle</item>
    </style>

    <style name="OverflowButtonStyle" parent="@android:style/Widget.ActionButton.Overflow">
        <item name="android:src">@android:drawable/ic_lock_idle_low_battery</item>
    </style>
    <!--設(shè)置popupwindow樣式-->
    <style name="PopupMenu" parent="@style/Widget.AppCompat.Light.PopupMenu.Overflow" >
        <item name="android:colorBackground">@color/colorPrimary</item>
        <item name="android:textColor">@android:color/white</item>
        <!--彈出菜單與標(biāo)題欄的間距-->
        <item name="android:dropDownVerticalOffset">1dip</item>
        <item name="overlapAnchor">false</item>
    </style>
</resources>

在xml里給appbarLayout設(shè)置上android:theme="@style/toolbar_style"

  1. 自定義title并居中
<android.support.design.widget.AppBarLayout
    android:theme="@style/toolbar_style"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
       app:popupTheme="@style/PopupMenu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:text="title"
            android:layout_gravity="center"
            android:textColor="#fff"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </android.support.v7.widget.Toolbar>
</android.support.design.widget.AppBarLayout>

讓toolbar不顯示title,supportActionBar.setDisplayShowTitleEnabled(false)

setSupportActionBar(toolbar)
       with(supportActionBar!!) {
           setDisplayHomeAsUpEnabled(true)
           setDisplayShowTitleEnabled(false) 
       }
  1. 設(shè)置R.id.home,也就是toolbar左邊那個返回按鈕的圖標(biāo)樣式
    supportActionBar.setDisplayHomeAsUpEnabled(true)先讓圖標(biāo)顯示出來
    <item name="android:homeAsUpIndicator">@android:drawable/ic_menu_help</item>

  2. 上面代碼中ThemeOverlay.AppCompat.Dark.ActionBar可以讓按鈕變白色

  3. R.style.PopupMenu里的設(shè)置是控制多出來的的optionMenu彈出pop的樣式,需要在xml中給toolbar設(shè)置上這個主題

  4. 設(shè)置optionMenu的字體顏色<item name="android:actionMenuTextColor">#11eeff</item>

6.設(shè)置右邊那三個點(diǎn)的圖標(biāo)樣式<item name="android:actionOverflowButtonStyle">@style/OverflowButtonStyle</item>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容