ios - 来自 URL 的图像不遵循 Storyboard 中的样式规则

Question

所以我正在尝试将来自 URL 的图像显示到图像中(通过 IBOutlet 连接)。但是，图像确实显示但不遵循 Storyboard 中设置的样式规则。如: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 或在 Interface Builder 中选中 Clips to Bounds 框。

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