Xcode: UIImageView 表示モード一覧(Xcode 6 Swift 対応)

UIImageView の UIViewContentMode (Scale to Fill や Aspect Fit等) の意味をよく忘れるので、メモしておきます。

UIImageView 表示モード一覧

Scale to Fill
縦横の比率を変え全体表示
// ScaleToFill
imageView.contentMode = UIViewContentMode.ScaleToFill

Aspect Fit
縦横の比率をそのままに長い辺を基準に全体表示(※空白が発生する可能性あり)
// ScaleAspectFit
imageView.contentMode = UIViewContentMode.ScaleAspectFit

Aspect Fill
縦横の比率をそのままに短い辺を基準に全体表示(※空白は発生しない)
// ScaleAspectFill
imageView.contentMode = UIViewContentMode.ScaleAspectFill

Redraw
Aspect Fillと同じだが、UIImageViewのサイズ変更に追随してリサイズ
// Redraw
imageView.contentMode = UIViewContentMode.Redraw

Center
画像サイズを変えず中央配置
// Center
imageView.contentMode = UIViewContentMode.Center

Top
画像サイズを変えず上辺を揃える
// Top
imageView.contentMode = UIViewContentMode.Top

Bottom
画像サイズを変えず下辺を揃える
// Bottom
imageView.contentMode = UIViewContentMode.Bottom

Left
画像サイズを変えず左辺を揃える
// Left
imageView.contentMode = UIViewContentMode.Left

Right
画像サイズを変えず右辺を揃える
// Right
imageView.contentMode = UIViewContentMode.Right

Top Left
画像サイズを変えず上辺・左辺を揃える
// TopLeft
imageView.contentMode = UIViewContentMode.TopLeft

Top Right
画像サイズを変えず上辺・右辺を揃える
// TopRight
imageView.contentMode = UIViewContentMode.TopRight

Bottom Left
画像サイズを変えず下辺・左辺を揃える
// BottomLeft
imageView.contentMode = UIViewContentMode.BottomLeft

Bottom Right
画像サイズを変えず下辺・右辺を揃える
// BottomRight
imageView.contentMode = UIViewContentMode.BottomRight

まとめ

Aspect Fit か Aspect Fill で迷う方が多いと思いますが、これらは Fit(ぴったり合う)、 Fill(満たす)と、素直に英語で判断すればよいと思われます。日本人開発者は損ですよね。。

この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。

siro:chro 無料ゲーム SQN をリリースしました

img_sqn_00

sirochro 初の無料ゲームアプリ SQN をリリースしました。
記事:SQN: iOS 無料ゲームアプリ SQN - Sequential Numbers をリリース
ちょっとした時間に楽しめる完全無料のゲームなっていますので、是非ダウンロードして遊んでみてください。

↓SQN のダウンロードはこちらから

Related Contents

Pickup Contents