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で共有していただければ幸いです。
