图片无法正确显示，我想像 Facebook 图片帖子一样显示

Posted 2023-03-11

【中文标题】图片无法正确显示，我想像 Facebook 图片帖子一样显示

【英文标题】：Image not show properly, I want to show like Facebook image post

【发布时间】：2017-07-10 06:48:26

【问题描述】：

我必须尝试所有类型的内容模式、第三方和大量谷歌搜索。 但是，对我来说不是成功。 我想像 Facebook 图片帖子一样显示。 我们在 facebook 上发布图片，facebook 显示正确的图像并将图像非常正确地填充到图像视图中。

【问题讨论】：

您可以添加您的要求的屏幕截图吗？到目前为止你到底做了什么？

你检查 imageViewContentMode 了吗？尝试将内容模式设置为 AspectFit/Fill。如果可能，请提供有关此问题的更多见解。

【参考方案1】：

按照步骤进行

setImage 到 UIImageView (with UIViewContentModeScaleAspectFit) 获取图片大小(CGSize imageSize = imageView.image.size) UIImageView 调整大小。 [imageView sizeThatFits:imageSize]

移动你想要的位置。

    CGSize imageSize = imageView.image.size;
    [imageView sizeThatFits:imageSize];
    CGPoint imageViewCenter = imageView.center;
     imageViewCenter.x = CGRectGetMidX(self.contentView.frame);
    [imageView setCenter:imageViewCenter];

【讨论】：

谢谢@junaidsidhu。我想像 Facebook 一样填充图像。任何类型的图像（如高度 > 宽度、宽度（高度 * 2）> 高度）都由 facebook 正确填充。

【参考方案2】：

设置 UIImageView 大小 == 图像（比例）：

@IBOutlet weak var heightConstraint: NSLayoutConstraint!
@IBOutlet weak var widthConstraint: NSLayoutConstraint!

func setImage(image: UIImage) 
    imageView.image = image
    let screenSize = UIScreen.main.bounds.size

    let imageAspectRatio = image.size.width / image.size.height
    let screenAspectRatio = screenSize.width / screenSize.height

    if imageAspectRatio > screenAspectRatio 
        widthConstraint.constant = min(image.size.width, screenSize.width)
        heightConstraint.constant = widthConstraint.constant / imageAspectRatio
    
    else 
        heightConstraint.constant = min(image.size.height, screenSize.height)
        widthConstraint.constant = heightConstraint.constant * imageAspectRatio
    
    view.layoutIfNeeded()

参考链接AutoLayout: UIImageView and Aspect Fit content mode