原原文鏈接在這里
我們都知道在ios中胸遇,每一個UIImageView都有他的frame大小,但是如果圖片的大小和這個frame的大小不符合的時候會怎么樣呢读拆?在默認(rèn)情況擅憔,圖片會被壓縮或者拉伸以填滿整個區(qū)域。
通過查看UIView的屬性可以知道檐晕,view的contentMode屬性可以用來控制圖片的顯示情況雕欺。下面的設(shè)置可以讓圖片進(jìn)行居中顯示。
1imageView.contentMode =? UIViewContentModeCenter;
這個居中是包括了,橫向和縱向都是居中屠列。圖片不會拉伸或者壓縮啦逆,就是按照imageView的frame和圖片的大小來居中顯示的。
這里有兩種情況:
1笛洛、圖片比view的區(qū)域更大夏志。這個時候會截取圖片的中間部位顯示在frame區(qū)域里面。
2苛让、圖片比view的區(qū)域更小沟蔑。這個時候圖片會完整的顯示在frame的中間位置。
如果在默認(rèn)情況狱杰,圖片的多出來的部分還是會顯示屏幕上瘦材。如果不希望超過frame的區(qū)域顯示在屏幕上要設(shè)置。clipsToBounds屬性仿畸。
1imageView.clipsToBounds? = YES;
最后一個問題食棕,在iphone的retina屏幕上面,必須要設(shè)置错沽,contentScaleFactor屬性簿晓。這個屬性的默認(rèn)值是1。二對應(yīng)的retina屏幕需要是2.可以通過下面的方式來設(shè)置:
1[imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];
但是用:
1imageView.contentMode =? UIViewContentModeCenter;
也有他的問題千埃,就是在圖片不規(guī)則的時候憔儿,而且圖片的寬或者高比frame的寬高更小的時候,會出現(xiàn)空白的情況放可。
為了解決這種問題可以設(shè)置:
1imageView.contentMode =? UIViewContentModeScaleAspectFill;
這樣圖片會拉伸或者壓縮以適應(yīng)frame的邊界谒臼,而且是適應(yīng)更小的邊,這樣可以達(dá)成的效果是耀里,圖片適應(yīng)最小的邊鋪開顯示屋休,更大的邊會超出frame,如果設(shè)置了clipsToBounds屬性為YES备韧,那么更大的邊就會被截斷劫樟。這樣達(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;