#6 研究 UIImageView 的 Content Mode

Derek Lin
Jul 26, 2021

--

研究以下 Content Mode 的顯示效果。

Scale To Fill,Aspect Fit,Aspect Fill,Center,Top,Bottom,Left,Right,Top Left,Top Right,Bottom Left,Bottom Right。

(1) Scale To Fill

將圖片填滿 Image View,不管比例,因此圖片可能會變形

(2) Aspect Fit

圖片會縮放到能完整顯示的大小,並維持比例

(3) Aspect Fill

圖片會將 Image View 填滿,並維持比例,因此圖片可能會被裁切

(4) Center

圖片不會縮放,且會放在 Image View 的中間

(5) Top

圖片不會縮放,且會放在 Image View 的上方

(6) Bottom

圖片不會縮放,且會放在 Image View 的下方

(7) Left

圖片不會縮放,且會放在 Image View 的左方

(8) Right

圖片不會縮放,且會放在 Image View 的右方

(9) Top Left

圖片不會縮放,且會放在 Image View 的左上方

(10) Top Right

圖片不會縮放,且會放在 Image View 的右上方

(11) Bottom Left

圖片不會縮放,且會放在 Image View 的左下方

(12) Bottom Right

圖片不會縮放,且會放在 Image View 的右下方

--

--

No responses yet