tsurutanのつぶやき

これが、破壊的イノベーションだっっっ!!

スポンサーリンク

広告

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 お知らせアイコン

 

これであなた専用のAviary UIをを作っちゃいましょう!

 

 

 

人工知能とパズルを組み合わせたアプリAItoPuzzleをリリースしました!!

AItoPuzzle - Google Play の Android アプリ

 

スポンサーリンク

広告