Android標準のUI部品 そのまま使うとイケてないので「カスタマイズしたい」と思うことよくありますよね~!
でも、「色を少し変えたいだけ…」って場合もあります。
そんなときにわざわざカスタムすると
・ボタンの画像を作って、
・タップしたときの画像も作って、
・その画像を指定するXML書いて…
例えばボタンをカスタムするとこんな感じ。。。
「すっげー面倒だし時間もかかるじゃん!」
そんな時はAndroid Holo Color Generator が良いですよ!
はい。
Android Holo Color Generator とは
Android標準のUI部品を好きな色に変更して一括ダウンロードできる素敵なサービスです。
ご存知の方も多いですよね。
リンクはこちら
http://android-holo-colors.com
PayPalのボタンが下の方にありますが、寄付用。
基本全て無料で使えます。
ライセンスは上記リンクの最下部にありますね。
All generated art is licensed under a Creative Commons Attribution 3.0 Unported License.
「商用でつかってOKよ!でもどっかにクレジット表示してね」てな感じでしょうか。
気になる方は日本語訳どうぞ→ http://creativecommons.org/licenses/by/3.0/deed.ja
使いかた
ざっくりと説明しますね。
いたって簡単です!
1. 好きな「color」を選択
(1.5. Android 2.3以下をサポートする場合は「>= 11」を選択)
2. 必要なものだけ「YES」を選択し
3. 「download.zip」をクリックし
4. 解凍したresフォルダの中身をアプリのresフォルダに突っ込む
以上です。5分もあれば終わります。
ほぼ画像ファイルとxmlファイルですね。
使ってみた
左:よく見る標準のUI部品はのような感じですよね。
右:それがサクッっとこんな感じに色が変わってくれます。
今回全てのUI部品に「YES」を選択してアプリに突っ込みましたが、
アプリのサイズは 1.66MB →2.18MB で520KBの増加です。
まぁ許容範囲のサイズではないでしょうか。
標準のUIが変えらるとうれしいのは、外部SDKのUIでも、標準UI使っていればその部分も変わってくれるのが良いです。(↓FAQとか作れるフリーのSDK)
標準UI以外の部分はAndroid Holo Color Generatorじゃ変わんないので普通にXMLファイルをごにょごにょカスタマイズすればOK!
こんな感じになりました。(キャプチャ撮るの失敗しました。背景が違うのは無視でf(==; )
(左:標準UI変更前 →右:Android Holo Color Generatorで標準UIを変更後)
Android Holo Color Generatorいかがだったでしょうか?
手間をかけずにやれるので、もし知らなかった方はUIをがっつりカスタマイズする前に一度試してみるのが良いですよ!
ちなみにActionBarのUIも変更する場合はこっちも必要とおもいます。
http://jgilfelt.github.com/android-actionbarstylegenerator/
こっちはまたの機会に。
ご参考まで~