コールアウト

個人的にはiPhoneのユーザーインターフェースの中でも、「これぞiPhone！」と思えるデザインに仕上がっているのが、このピッカービューです。
ただ、正式に「ピッカービュー」と呼ぶのかどうか分かりません。

オリジナル画像サイズ詳細

コールアウト特有かと思いますが、シャドウ部分のみの画像が存在します。
吹き出し部分を移動させるためでしょうね。

参考にしてください。

テーマ構成ファイル一覧　＆　オリジナル画像

テーマ名/UIImages/
	UICalloutBarArrowBottom@2x.png （48×34）
	UICalloutBarArrowBottomHi@2x.png （48×34）
	UICalloutBarArrowLeft@2x.png （52×76）
	UICalloutBarArrowLeftHi@2x.png フレーム中央（52×76）
	UICalloutBarArrowRight@2x.png （52×76）
	UICalloutBarArrowRightHi@2x.png 選択部のホイール部分（52×76）
	UICalloutBarArrowSingleLeft@2x.png 選択部のホイール横の画像（94×76）
	UICalloutBarArrowSingleLeftHi@2x.png 選択部全体を覆う画像（94×76）
	UICalloutBarArrowSingleRight@2x.png ホイール全体を覆う影画像（94×76）
	UICalloutBarArrowSingleRightHi@2x.png ホイールの背景画像（94×76）
	UICalloutBarArrowTop@2x.png ホイールの背景画像（48×24）
	UICalloutBarArrowTopHi@2x.png ホイールの背景画像（48×24）
	UICalloutBarCut@2x.png ホイールの背景画像（4×76）
	UICalloutBarLeft@2x.png ホイールの背景画像（42×76）
	UICalloutBarLeftHi@2x.png ホイールの背景画像（42×76）
	UICalloutBarMiddle@2x.png ホイールの背景画像（2×76）
	UICalloutBarMiddleHi@2x.png ホイールの背景画像（2×76）
	UICalloutBarRight@2x.png ホイールの背景画像（42×76）
	UICalloutBarRightHi@2x.png ホイールの背景画像（42×76）
	UICalloutBarShadowLeft@2x.png ホイールの背景画像（22×34）
	UICalloutBarShadowMiddle@2x.png ホイールの背景画像（2×34）
	UICalloutBarShadowRight@2x.png ホイールの背景画像（22×34）
	UICalloutBarSingle@2x.png ホイールの背景画像（42×76）
	UICalloutBarSingleHi@2x.png ホイールの背景画像（42×76）
	UICalloutBarTextLtoR@2x.png ホイールの背景画像（48×44）
	UICalloutBarTextRtoL@2x.png ホイールの背景画像（48×44）
	UICalloutViewBackground@2x.png ホイールの背景画像（2×114）
	UICalloutViewBottomAnchor@2x.png ホイールの背景画像（82×140）
	UICalloutViewLeftCap@2x.png ホイールの背景画像（34×114）
	UICalloutViewRightCap@2x.png ホイールの背景画像（34×114）
	UICalloutViewTopAnchor@2x.png ホイールの背景画像（82×140）

＜注意＞
ここで紹介しているファイル名や画像サイズは、Retinaディスプレイ用です。
@2xファイルのみで@2xファイルが表示されるものもありますが、今回ここで紹介したUIImages内のアイコンは、「@2xファイル」と「@2xを省いたファイル」をセットで用意しないと@2xファイルが表示されません。
画像自体は@2xファイルをコピーしたもののままで構いませんので、２つのファイルをセットで用意することに注意して下さい。

ページトップへ

遊んでみた

お遊びのアイデアが浮かびません・・・

ページトップへ

2011/05/22

作ってみた

基本色が「黒」のコールアウトですので、オリジナルデザインをそのままに、カラーバリエーションを増やしてみました。
＜注意＞
作った画像は、明色用かつRetina用の画像のみです。
そのままwinterboardで適用できるファイル構成にはしていますが、Retinaディスプレイではないデバイスで適用するときは、リサイズして下さい。
コールアウトタップ時の青色画像は作っていません。

boke_blue_callout.zipのダウンロード