来自URL的图像不遵循故事板中的样式规则

Question

所以我试图将URL中的图像显示为图像（通过IBOutlet连接）。但是，图像会显示，但不会遵循故事板中设置的样式规则。如：Aspect Fill。这导致图像与模拟器中的所有内容重叠。

代码：

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或在界面生成器中选中Clips to Bounds框。

如果没有它，您的图像会根据比例进行缩放，因此会扩展到您指定的内容区域之外。您将需要截断所有额外内容 - 剪切到边界就是为此。