UIImageView的圖片居中問題

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

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

imageView.contentMode = UIViewContentModeCenter;
這個居中是包括了,橫向和縱向都是居中。圖片不會拉伸或者壓縮,就是按照imageView的frame和圖片的大小來居中顯示的。

這里有兩種情況:

1、圖片比view的區域更大。這個時候會截取圖片的中間部位顯示在frame區域里面。

2、圖片比view的區域更小。這個時候圖片會完整的顯示在frame的中間位置。

如果在默認情況,圖片的多出來的部分還是會顯示屏幕上。如果不希望超過frame的區域顯示在屏幕上要設置。clipsToBounds屬性。

imageView.clipsToBounds = YES;
最后一個問題,在iphone的retina屏幕上面,必須要設置,contentScaleFactor屬性。這個屬性的默認值是1。二對應的retina屏幕需要是2.可以通過下面的方式來設置:

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

但是用:

imageView.contentMode = UIViewContentModeCenter;

也有他的問題,就是在圖片不規則的時候,而且圖片的寬或者高比frame的寬高更小的時候,會出現空白的情況。

為了解決這種問題可以設置:

imageView.contentMode = UIViewContentModeScaleAspectFill;

這樣圖片會拉伸或者壓縮以適應frame的邊界,而且是適應更小的邊,這樣可以達成的效果是,圖片適應最小的邊鋪開顯示,更大的邊會超出frame,如果設置了clipsToBounds屬性為YES,那么更大的邊就會被截斷。這樣達成更好的居中顯示效果,完整的代碼如下:

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];?
感謝原文作者,希望可以幫到更多的開發者!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容