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

时间:2017-04-18 20:12:11

标签: ios swift image uiimage

所以我试图将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!)
        }
    }

结果: enter image description here

您可以看到图像与标题和说明重叠。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

如果您设置了方面填充,您还需要设置nieuwsFeaturedImage.clipsToBounds = true或在界面生成器中选中Clips to Bounds框。

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

enter image description here