來自URL的圖片不遵循故事板的樣式規則

Question

所以我試圖從URL中顯示圖像到圖像中（連接槽IBOutlet）。但是，圖像確實會顯示，但不會遵循故事板中設置的樣式規則。如：看點填充。這會導致圖像重疊模擬器中的所有內容。

代碼：

let url = URL(string: "http://www.wsvh.nl/wp-content/uploads/bekergoud.jpg") 

    DispatchQueue.global().async { 
     let data = try? Data(contentsOf: url!) //make sure your image in this url does exist, otherwise unwrap in a if let check/try-catch 
     DispatchQueue.main.async { 
      self.nieuwsFeaturedImage.image = UIImage(data: data!) 
     } 
    } 

結果：

你可以看到圖像重疊的標題和描述。

我該如何解決這個問題？

Answer 1

如果您設置了方向填充，您還需要設置nieuwsFeaturedImage.clipsToBounds = true或在Interface Builder中檢查Clips to Bounds框。

沒有它，您的圖像會根據比例進行縮放，因此它會擴展到您指定的內容區域之外。您需要截斷所有額外的內容 - 剪輯到邊界就是爲了這個。