[ PROGRAM ]

Objective-C

iPhone プログラミング

2011/12/15 Tomohiro Kumagai
Update: 2013/07/04 Tomohiro Kumagai

□ iPhone や iPad の画面サイズ

iPhone や iPad でコントロールをレイアウトしようと思ったときに、どこからどこまでが何ピクセルとかわからなくなることが多かったので、画面サイズの早見表を作ってみました。

また、条件を選択して行くとそのときの画面サイズが表示されるものも用意してみました。

 

□ iPhone の画面レイアウト

画面サイズ
デバイスの向き
画面の密度
↓ ここに画面レイアウトが表示されます ↓
上部コンポーネント
下部コンポーネント

 

□ 画面サイズ早見表

iPhone 5

iPhone 5 なら必ず Retina ディスプレイになりますけど、開発時は通常ピクセルでのレイアウトを行うことが多いので、通常と Retina の両方を載せておきます。

iPhone 5 でも横幅は変わらないので、横のサイズについては iPhone 4S 以前の表をご覧ください。

iPhone 5 の画面サイズ

iPhone 4S まで

2013/07/03 iPhone 横レイアウトの図表で、NavigationBar, NavigationBar WithPrompt, ToolBar の高さが間違っていたので修正しました。

iPhone の画面レイアウト 

iPhone 画面レイアウト - 横

□ iPad の画面レイアウト

iPad の画面レイアウト iPad 画面レイアウト - 横

 

□ 画面レイアウトについての補足

基本的に iPhone 4S まででは、横が 320px の縦が 480px で、iPad では横が 768px の縦が 1024px です。Retina ディスプレイの場合はその倍の、iPhone なら横が 640px の縦が 960px で、iPad なら横が 1536px の縦が 2048px になります。

iPhone 5 からは、画面が 4 インチになった都合、縦に 88px(Retina の場合は 176px)拡張されました。横サイズは変わりません。

iPhone では、縦よりも横の方が NavigationBar と ToolBar の高さが小さくなります。

iPad では、縦でも横でも高さは変わらないようです。

[ もどる ]


 

カスタム検索

copyright © Tomohiro Kumagai @ EasyStyle G.K.
contact me: please from mail-form page.