2012年11月6日火曜日

ActionBarSherlockのActionBarの色を変える方法

ICSやJerryBeanを搭載した端末が増えてきましたが,まだまだGingerBread以下も多いため,ActionBarを使いたくてActionBarSherlockを使うことが多いと思います.
ActionBarSherlockでActionBarの色を変えるのが思いの外手間取ったのでメモを残します.
次のSupportLibraryにはActionBarが含まれるらしいですが,いつ公開されるのでしょう.

ActionBarSherlockの4.2.0で確認しています.
android:theme="@style/Theme.Sherlock"を指定した,ICSというかActionBarSherlockのデフォルトがこれです.


こんな見た目にしてみます.

res/values/colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <color name="ab_background">#1E90FF</color>
    <color name="ab_foreground">#000080</color>

</resources>

res/values/styles.xml
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">

    <style name="App.ActionBar" parent="Widget.Sherlock.ActionBar">
        <item name="android:background">@color/ab_background</item>
        <item name="background">@color/ab_background</item>
        <item name="android:titleTextStyle">@style/App.ActionBar.TitleTextStyle</item>
        <item name="titleTextStyle">@style/App.ActionBar.TitleTextStyle</item>
    </style>

    <style name="App.ActionBar.TitleTextStyle" parent="TextAppearance.Sherlock.Widget.ActionBar.Title">
        <item name="android:textColor">@color/ab_foreground</item>
    </style>

</resources>

res/values/themes.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AppTheme" parent="Theme.Sherlock">
        <item name="actionBarStyle">@style/App.ActionBar</item>
        <item name="android:actionBarStyle">@style/App.ActionBar</item>
    </style>

</resources>

あとは作成したテーマをセットするだけです.
AndroidManifest.xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.customabs"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="15" />

    <application
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

0 件のコメント:

コメントを投稿