アプリの雰囲気がグッと高まる！TabBarの背景や、アイコンを好きなようにカスタム！ | PLUS
今回はアプリではよく使うTabBarのカスタマイズ方法についてです。iOS5よりappearanceが使えるようになり、カスタマイズが容易になりました。アプリ毎に設定すると、より雰囲気が伝わるでしょう。 具体的にはTabbarの背景画像を設定したり、アイコンを設定していきます。そうすると、こんな感じに独自の設定を反映することができます。 1. 背景画像・アイコン画像を準備する タブバー背景画像のサイズは、320×49(Retina 640×98)pxで作ります。 アイコンは30×30(Retina 60×60)pxの正方形の中に入るようにして、書き出します。ボタンを選択・非選択している時の2バージョン作ります。 ボタンが選択されているときの背景画像を作ります。この背景画像サイズはタブの数によって変わります。(320/タブの数)×49pxで作ってください。今回はタブが4つなので、160
iPhoneアプリ開発など: iPhone:タブバーのアイコンの作成方法
2009年10月10日土曜日 iPhone:タブバーのアイコンの作成方法 タブバーに表示するためのアイコンを作成するのに少し苦労しましたのでメモします。今回、以下のようなアイコンを無事（センスはともかく）作成しました。 タブバーのアイコンについて調べると、・サイズ30×30のpngファイル・アルファチャネルだけが有効とのことです。アルファチャネルとは何でしょう。透明度とのことです。 調べた結果、アルファチャネルの編集が可能なドットエディタとしてSimpleDotXを使用させていただきました。作者様ありがとうございました。 以下、手順を示します。 [1]新規ファイル作成 SimpleDotXで新規画像を作成します。 サイズは30×30で、32bitカラーで作成します。[2]アルファチャネルで描くための設定をする1. 表示をアルファチャネルに切り替える2.パレットの表示もアルファチャネルに切り
iPhone/Androidアプリのモックアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル／スマートフォン｜PHP & JavaScript Room
iPhoneタブバー＆ツールバー用アイコン iPhone UI iPhone外観素材〔iPhone3 / iPhone 4 / iPhone 4S〕 iPhoneアプリケーションアイコン iPhone風のアイコンジェネレーター iPad UI iPad 外観素材〔iPad / iPad2〕 iPod Touch 外観素材 Androidメニュー用アイコン Android UI Android外観素材 Android Widget UI〔ウィジェットテンプレート〕 Droidくん Androidアプリケーションアイコン Androidアイコンジェネレータ〔画像をアップするだけでガイドラインに沿ったアイコンを生成〕 モノトーン系アイコン iPhoneタブバー＆ツールバー用アイコン 2010/9/26 PSD PNG PSD icon Sweets License: 個人・商用利用可 iPhon
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ogaoga.org – iOS apps, Web apps, etc…
