慣例先貼代碼
<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"
- 自定義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)
}
設(shè)置R.id.home,也就是toolbar左邊那個返回按鈕的圖標(biāo)樣式
supportActionBar.setDisplayHomeAsUpEnabled(true)先讓圖標(biāo)顯示出來
<item name="android:homeAsUpIndicator">@android:drawable/ic_menu_help</item>上面代碼中
ThemeOverlay.AppCompat.Dark.ActionBar可以讓按鈕變白色R.style.PopupMenu里的設(shè)置是控制多出來的的optionMenu彈出pop的樣式,需要在xml中給toolbar設(shè)置上這個主題設(shè)置optionMenu的字體顏色
<item name="android:actionMenuTextColor">#11eeff</item>
6.設(shè)置右邊那三個點(diǎn)的圖標(biāo)樣式<item name="android:actionOverflowButtonStyle">@style/OverflowButtonStyle</item>