關(guān)于UIImageView的顯示問題——居中顯示或者截取圖片的中間部分顯示

原原文鏈接在這里

我們都知道在ios中,每一個(gè)UIImageView都有他的frame大小,但是如果圖片的大小和這個(gè)frame的大小不符合的時(shí)候會(huì)怎么樣呢?在默認(rèn)情況,圖片會(huì)被壓縮或者拉伸以填滿整個(gè)區(qū)域。

通過查看UIView的屬性可以知道,view的contentMode屬性可以用來控制圖片的顯示情況。下面的設(shè)置可以讓圖片進(jìn)行居中顯示。

1imageView.contentMode =? UIViewContentModeCenter;

這個(gè)居中是包括了,橫向和縱向都是居中。圖片不會(huì)拉伸或者壓縮,就是按照imageView的frame和圖片的大小來居中顯示的。

這里有兩種情況:

1、圖片比view的區(qū)域更大。這個(gè)時(shí)候會(huì)截取圖片的中間部位顯示在frame區(qū)域里面。

2、圖片比view的區(qū)域更小。這個(gè)時(shí)候圖片會(huì)完整的顯示在frame的中間位置。

如果在默認(rèn)情況,圖片的多出來的部分還是會(huì)顯示屏幕上。如果不希望超過frame的區(qū)域顯示在屏幕上要設(shè)置。clipsToBounds屬性。

1imageView.clipsToBounds? = YES;

最后一個(gè)問題,在iphone的retina屏幕上面,必須要設(shè)置,contentScaleFactor屬性。這個(gè)屬性的默認(rèn)值是1。二對(duì)應(yīng)的retina屏幕需要是2.可以通過下面的方式來設(shè)置:

1[imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];

但是用:

1imageView.contentMode =? UIViewContentModeCenter;

也有他的問題,就是在圖片不規(guī)則的時(shí)候,而且圖片的寬或者高比frame的寬高更小的時(shí)候,會(huì)出現(xiàn)空白的情況。

為了解決這種問題可以設(shè)置:

1imageView.contentMode =? UIViewContentModeScaleAspectFill;

這樣圖片會(huì)拉伸或者壓縮以適應(yīng)frame的邊界,而且是適應(yīng)更小的邊,這樣可以達(dá)成的效果是,圖片適應(yīng)最小的邊鋪開顯示,更大的邊會(huì)超出frame,如果設(shè)置了clipsToBounds屬性為YES,那么更大的邊就會(huì)被截?cái)唷_@樣達(dá)成更好的居中顯示效果,完整的代碼如下:

1UIImage *pic = [ UIImage imageNamed:@"IMG_0404.PNG"];

2UIImageView *imageView?? = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 240, 100 )];

3[imageView setImage:pic];

4[imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];

5imageView.contentMode =? UIViewContentModeScaleAspectFill;

6imageView.autoresizingMask = UIViewAutoresizingFlexibleHeight;

7imageView.clipsToBounds? = YES;

原文鏈接地址:http://www.ganlvji.com/?p=139

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容