我們都知道在ios中奠骄,每一個(gè)UIImageView都有他的frame大小藕甩,但是如果圖片的大小和這個(gè)frame的大小不符合的時(shí)候會(huì)怎么樣呢颂跨?在默認(rèn)情況,圖片會(huì)被壓縮或者拉伸以填滿整個(gè)區(qū)域犬缨。
通過(guò)查看UIView的屬性可以知道喳魏,view的contentMode屬性可以用來(lái)控制圖片的顯示情況。下面的設(shè)置可以讓圖片進(jìn)行居中顯示怀薛。
imageView.contentMode = UIViewContentModeCenter;
這個(gè)居中是包括了刺彩,橫向和縱向都是居中。圖片不會(huì)拉伸或者壓縮枝恋,就是按照imageView的frame和圖片的大小來(lái)居中顯示的创倔。
這里有兩種情況:
1、圖片比view的區(qū)域更大焚碌。這個(gè)時(shí)候會(huì)截取圖片的中間部位顯示在frame區(qū)域里面畦攘。
2、圖片比view的區(qū)域更小十电。這個(gè)時(shí)候圖片會(huì)完整的顯示在frame的中間位置知押。
如果在默認(rèn)情況叹螟,圖片的多出來(lái)的部分還是會(huì)顯示屏幕上。如果不希望超過(guò)frame的區(qū)域顯示在屏幕上要設(shè)置台盯。clipsToBounds屬性罢绽。
imageView.clipsToBounds = YES;
最后一個(gè)問(wèn)題,在iphone的retina屏幕上面静盅,必須要設(shè)置良价,contentScaleFactor屬性。這個(gè)屬性的默認(rèn)值是1蒿叠。二對(duì)應(yīng)的retina屏幕需要是2.可以通過(guò)下面的方式來(lái)設(shè)置:
[imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];
但是用:
imageView.contentMode = UIViewContentModeCenter;
也有他的問(wèn)題明垢,就是在圖片不規(guī)則的時(shí)候,而且圖片的寬或者高比f(wàn)rame的寬高更小的時(shí)候市咽,會(huì)出現(xiàn)空白的情況袖外。
為了解決這種問(wèn)題可以設(shè)置:
imageView.contentMode = UIViewContentModeScaleAspectFill;
這樣圖片會(huì)拉伸或者壓縮以適應(yīng)frame的邊界,而且是適應(yīng)更小的邊魂务,這樣可以達(dá)成的效果是曼验,圖片適應(yīng)最小的邊鋪開(kāi)顯示,更大的邊會(huì)超出frame粘姜,如果設(shè)置了clipsToBounds屬性為YES鬓照,那么更大的邊就會(huì)被截?cái)唷_@樣達(dá)成更好的居中顯示效果孤紧,完整的代碼如下:
UIImage *pic = [ UIImage imageNamed:@"IMG_0404.PNG"];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 240, 100 )];
[imageView setImage:pic];
[imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];
imageView.contentMode = UIViewContentModeScaleAspectFill;
imageView.autoresizingMask = UIViewAutoresizingFlexibleHeight;
imageView.clipsToBounds = YES;
[self.view addsubView:imageView];?
感謝原文作者豺裆,希望可以幫到更多的開(kāi)發(fā)者!