Aviary Android でのデザイン変更

どうもこんばんは！今回は前回紹介しきれなかったAviary UIデザインについてお話したいと思います

Aviary UI デザインの変更方法

f:id:tsurutan:20141005170953p:plain

aviaryのUIデザインを返るのは超簡単！以下のように指定された名前で保存すればデザインを変える事ができちゃいます！

色の変更

ファイル名color.xmlに以下のように名前を指定して保存すれば反映されます。

	効果
aviary_background_color	Barを除く背景色
aviary_nav_primary_color	ナビゲーションバーの背景色：グラデーション（上）
aviary_primary_color_pressed	ナビゲーションバーの背景色：グラデーション (下)
aviary_primary_color_pressed	アイコンタッチ後の色
aviary_nav_divider_dark	ナビゲーションバーとその他の境目（太い）
aviary_logo_primary_color	aviaryのロゴが入っているバーの背景色：グラデーション（上）
aviary_logo_secondary_color	aviaryのロゴが入っているバーの背景色：グラデーション（下
aviary_nav_divider_light	ナビゲーションバーとその他境界線色（細い)
aviary_crop_fill_color	切り取りをするときの背景色

アイコンの変更

ファイル名drawableファイルに以下のように名前を指定して保存すれば反映されます。

	解像度	詳細
aviary_tool_ic_enhance	xhdpi,mdpi	強調アイコン
aviary_ic_enhance_hd	xhdpi,mdpi	高解像度アイコン
aviary_ic_enhance_brighten	xhdpi,mdpi	イルミネーションアイコン
aviary_ic_enhance_colorfix	xhdpi,mdpi	カラー修正アイコン
aviary_tool_ic_orientation	xhdpi,mdpi	オリエンテーションアイコン
aviary_tool_button_left_normal.9	xhdpi,mdpi	オリエンテーションアイコンなどを押した後に現れるツールの背景画像（左側：タッチ前）
aviary_tool_button_left_pressed.9	xhdpi,mdpi	オリエンテーションアイコンなどを押した後に現れるツールの背景画像（左側：タッチ後）
aviary_tool_button_right_normal.9	xhdpi,mdpi	オリエンテーションアイコンなどを押した後に現れるツールの背景画像（右側：タッチ前）
aviary_tool_button_right_pressed.9	xhdpi,mdpi	オリエンテーションアイコンなどを押した後に現れるツールの背景画像（右側：タッチ後）
aviary_ic_rotate_left	xhdpi,mdpi	回転アイコン(左回り)
aviary_ic_rotate_right	xhdpi,mdpi	回転アイコン（右回り）
aviary_ic_flip_vertical	xhdpi,mdpi	反転アイコン
aviary_adjust_knob	xhdpi,mdpi	範囲調整選択ボタン
aviary_tool_ic_crop	xhdpi,mdpi	切り抜きアイコン
aviary_knob	xhdpi,mdpi	選択ボタン
aviary_tool_ic_draw	xhdpi,mdpi	ドローアイコン
aviary_lens_image	xhdpi,mdpi	虫眼鏡アイコン
aviary_ic_eraser	xhdpi,mdpi	消しゴムアイコン
aviary_tool_ic_text	xhdpi,mdpi	テキストアイコン
aviary_tool_ic_focus	xhdpi,mdpi	フォーカスアイコン
aviary_tool_ic_frames	xhdpi,mdpi	フレームアイコン
aviary_badge_icon	xxhdpi	お知らせアイコン