AndroidのToolbarにスタイルを適用する
📅 2015/07/10
ActionBarを無効化
NoActionBarを継承したスタイルを作り、applicationのthemeに設定する。
Androidmanifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="epy0n0ff.com.toolbar"
>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme"
>
<activity
android:name=".MainActivity"
android:label="@string/app_name"
>
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER"/>
</intent-filter>
</activity>
</application>
</manifest>
styles.xml
<style name="AppTheme" parent="Theme.AppCompat.NoActionBar">
</style>
Toolbarの色を変更する
NoActionBarを継承したスタイルを作る。スタイルを適用しただけではだめなので、利用するActivityで必ず先にsetSupportActionBar(toolbar)
しておく。
android:background
はToolbarの背景色android:textColorPrimary
はToolbarのタイトルテキストの色actionMenuTextColor
はToolbarに設定したメニューのテキストの色
styles.xml
<style name="ToolbarTheme" parent="Theme.AppCompat.NoActionBar">
<!-- setSupportActionbar()で設定しないと適用されない -->
<item name="android:background">#ffffff</item>
<item name="android:textColorPrimary">#0000ff</item>
<item name="actionMenuTextColor">#00ff00</item>
</style>
プレビュー
こんな感じになります。