MENU
コンテンツ再構築中

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

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

INDEX

UIImageView 表示モード一覧

Scale to Fill
縦横の比率を変え全体表示
[code]
// ScaleToFill
imageView.contentMode = UIViewContentMode.ScaleToFill
[/code]
Aspect Fit
縦横の比率をそのままに長い辺を基準に全体表示(※空白が発生する可能性あり)
[code]
// ScaleAspectFit
imageView.contentMode = UIViewContentMode.ScaleAspectFit
[/code]
Aspect Fill
縦横の比率をそのままに短い辺を基準に全体表示(※空白は発生しない)
[code]
// ScaleAspectFill
imageView.contentMode = UIViewContentMode.ScaleAspectFill
[/code]
Redraw
Aspect Fillと同じだが、UIImageViewのサイズ変更に追随してリサイズ
[code]
// Redraw
imageView.contentMode = UIViewContentMode.Redraw
[/code]
Center
画像サイズを変えず中央配置
[code]
// Center
imageView.contentMode = UIViewContentMode.Center
[/code]
Top
画像サイズを変えず上辺を揃える
[code]
// Top
imageView.contentMode = UIViewContentMode.Top
[/code]
Bottom
画像サイズを変えず下辺を揃える
[code]
// Bottom
imageView.contentMode = UIViewContentMode.Bottom
[/code]
Left
画像サイズを変えず左辺を揃える
[code]
// Left
imageView.contentMode = UIViewContentMode.Left
[/code]
Right
画像サイズを変えず右辺を揃える
[code]
// Right
imageView.contentMode = UIViewContentMode.Right
[/code]
Top Left
画像サイズを変えず上辺・左辺を揃える
[code]
// TopLeft
imageView.contentMode = UIViewContentMode.TopLeft
[/code]
Top Right
画像サイズを変えず上辺・右辺を揃える
[code]
// TopRight
imageView.contentMode = UIViewContentMode.TopRight
[/code]
Bottom Left
画像サイズを変えず下辺・左辺を揃える
[code]
// BottomLeft
imageView.contentMode = UIViewContentMode.BottomLeft
[/code]
Bottom Right
画像サイズを変えず下辺・右辺を揃える
[code]
// BottomRight
imageView.contentMode = UIViewContentMode.BottomRight
[/code]

まとめ

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

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

Please share it!
  • URLをコピーしました!
  • URLをコピーしました!
INDEX