LoginSignup
14
14

More than 5 years have passed since last update.

Androidの標準UI部品をサクッと全とっかえ!

Last updated at Posted at 2014-10-21

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部品はのような感じですよね。
右:それがサクッっとこんな感じに色が変わってくれます。
Screenshot_2014-10-15-18-45-16.jpgScreenshot_2014-10-15-18-48-12.jpg

今回全ての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を変更後)
Screenshot_2014-10-15-22-26-48.jpgScreenshot_2014-10-15-22-19-00.jpg

Android Holo Color Generatorいかがだったでしょうか?
手間をかけずにやれるので、もし知らなかった方はUIをがっつりカスタマイズする前に一度試してみるのが良いですよ!

ちなみにActionBarのUIも変更する場合はこっちも必要とおもいます。
http://jgilfelt.github.com/android-actionbarstylegenerator/
こっちはまたの機会に。
ご参考まで~

14
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
14
14