關於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;

 

關於UIImageView的顯示問題——置中顯示或者截取圖片的中間部分顯示(轉)