UIImageView 的 Content Mode

Content Mode 的顯示效果共有13種

Content Mode

1. Scale To Fill
2. Aspect Fit
3. Aspect Fill
4. Redraw
5. Center
6. Top
7. Bottom
8. Left
9. Right
10. Top Left
11. Top Right
12. Bottom Left
13. Bottom Right

實際測試看看這些效果有什麼差別吧！

原圖

Scale To Fill：縮放圖片填滿Image View，有時會導致圖片變形。

變瘦的角蛙ＸＤ

Aspect Fit：等比例縮放至整張圖片完整顯示在Image View中，有時會出現Image View留白的部分。

圖片上下方留白

Aspect Fill：等比例縮放至圖片填滿整個Image View中，超出Image View的部分就不會顯示。

超出Image View的部分不會顯示

Redraw：覺得效果跟Scale To Fill一樣。

又是變瘦的角蛙ＸＤ

Center：圖片對齊Image View中央，超出的部份不顯示。

中央對齊

Top：圖片對齊Image View上方，超出的部分不顯示。

上方對齊

Bottom：圖片對齊Image View底部，超出的部分不顯示。

底部對齊

Left：圖片對齊Image View左邊，超出的部分不顯示。

左邊對齊

Right：圖片對齊Image View右邊，超出的部分不顯示。

右邊對齊

Top Left：圖片對齊Image View左上方，超出的部分不顯示。

左上對齊

Top Right：圖片對齊Image View右上方，超出的部分不顯示。

右上對齊

Bottom Left：圖片對齊Image View左下方，超出的部分不顯示。

左下對齊

Bottom Right ：圖片對齊Image View右下方，超出的部分不顯示。