iOS ImageView contentMode 圖片填充模式

weixin_34253539發表於2018-03-23

摘要:UIImageViewcontentMode這個屬性是用來設定圖片的顯示方式,如居中、居右,是否縮放等,系統給出的有列舉型別,以下示例圖片比例大於imageViewUIViewContentModeScaleToFill,<預設屬性,圖片根據imageView大小顯示,會使圖片變形>根據檢視的比例去拉伸圖片內容UIViewContentModeScaleAspectFit,//contentsscaledtofitwithfixedaspect.remainde
UIImageViewcontentMode這個屬性是用來設定圖片的顯示方式,如居中、居右,是否縮放等,系統給出的有列舉型別,以下示例圖片比例大於imageView

UIViewContentModeScaleToFill,<預設屬性,圖片根據imageView大小顯示,會使圖片變形>

根據檢視的比例去拉伸圖片內容

2917199-b5ee394ed2760978.jpg

UIViewContentModeScaleAspectFit,/ /contents scaled to fit with fixed aspect. remainder is transparent (內容符合固定的方面。剩餘部分是透明的)

<圖片根據自身比例進行顯示,圖片小於imageView的部分會透明顯示>
保持圖片內容的縱橫比例,來適應檢視的大小

2917199-70b4db65bce15fd5.jpg

UIViewContentModeScaleAspectFill,// contents scaled to fill with fixed aspect. some portion of content may be clipped.<內容擴充套件填充固定方面。部分內容可能剪。>

<圖片按imageView大小比例居中顯示,圖片可能會失真並且不會顯示完整,只顯示中間部分>

用圖片內容來填充檢視的大小,多餘得部分可以被修剪掉來填充整個檢視邊界

2917199-3d8ba8c9575f8530.jpg

UIViewContentModeRedraw,// redraw on bounds change (calls - setNeedsDisplay) <重劃邊界變化(重設 - setNeedsDisplay)>

這個選項是單檢視的尺寸位置發生變化的時候通過呼叫setNeedsDisplay方法來重新顯示


2917199-e184a3eeb3aae30e.jpg

UIViewContentModeCenter,// contents remain same size. positioned adjusted.<內容保持相同大小。定位調整>

保持圖片原比例在檢視中間顯示圖片內容,如果檢視大小小於圖片的尺寸,則圖片會超出檢視邊界,下面類同

2917199-cc66f48aa59d4236.jpg

UIViewContentModeTop,

保持圖片原比例在檢視中間頂部顯示圖片內容

2917199-aef63a33d5451399.jpg

UIViewContentModeBottom,

保持圖片原比例在檢視中間底部顯示圖片內容

2917199-8615e13261bfe920.jpg

UIViewContentModeLeft,

保持圖片原比例在檢視中間左邊顯示圖片內容

2917199-02343d8c318dc810.jpg

UIViewContentModeRight,

保持圖片原比例在檢視中間右邊顯示圖片內容

2917199-fd0b48cae665f029.jpg

UIViewContentModeTopLeft,

保持圖片原比例在檢視左上角顯示圖片內容

2917199-07a77b7e25154f5a.jpg

UIViewContentModeTopRight,

保持圖片原比例在檢視右上角顯示圖片內容

2917199-6e92311595abffe0.jpg

UIViewContentModeBottomLeft,

保持圖片原比例在檢視左下角顯示圖片內容

2917199-cad04eacfbf601e8.jpg

UIViewContentModeBottomRight

保持圖片原比例在檢視右下角顯示圖片內容


2917199-0a5292acbde4ab00.jpg

相關文章