将 UIImage 用于 UIImageView 时 UIImage 失真

Question

我拍了一张照片，然后我用这张照片初始化了一个 UIImageView 对象。唯一的问题是，当我拍照时，正在使用 iPhone 全屏（人像）拍照。

使用这张照片初始化的 UIImageView 仅设置为占据 iphone 屏幕的前 50%。所以你可以想象图像看起来是扭曲的。

通过使用以下代码，我已经使它看起来好多了：

UIImageView *halfView = [[UIImageView alloc]initWithImage:image];

[self.view addSubview:halfView];

halfView.frame = CGRectMake(0, 0, self.view.bounds.size.width, self.view.frame.size.height/2);

halfView.contentMode = UIViewContentModeScaleAspectFill;

唯一的问题是，最终名为“halfView”的 UIImageView 仍然有些失真。

我有一种无法解决的感觉，因为原始照片是在整个 iphone 屏幕上拍摄的，并且永远无法完美地缩放以适应仅占 iphone 屏幕顶部 50% 的 UIImageView。

我基本上是在尝试复制前端应用程序。这是您在他们的应用中拍摄原始图像时的样子：

这是您拍照时我的应用程序屏幕的样子：

然后在你拍完照片后，我的应用程序的屏幕会变成看起来像正面的屏幕，并拍摄你刚刚拍摄的照片并将其放在上半部分并尝试对其进行缩放。

我希望这是有道理的。我知道这是一个很长的问题，但我真的想让用户在拍照时使用全屏，然后将其缩放到屏幕的一半。

我做错了吗？当它最初被捕获为“全屏”图像时，我是否可以正确地将图像缩放到屏幕的一半？

感谢您的帮助。

Answer 1

为了争论，假设您捕获的图像尺寸为 640x1136（iPhone 5 屏幕尺寸的两倍），并且您尝试在尺寸为 320x284（iPhone 5 尺寸的一半）的UIImageView 中显示它屏幕）。 正如您已经从这些尺寸中看到的那样，捕获的图像的宽度小于其高度，而 UIImageView 的宽度大于其高度 - 比例不同。

因此，缩放捕获的图像以适应 UIImageView 的宽度（缩放 0.5）意味着捕获的图像大小为 320x568 - 它的高度大于 UIImageView 的高度。 缩放捕获的图像以适应 UIImageView 的高度（缩放 0.25）意​​味着捕获的图像大小为 160x284 - 它的宽度小于 UIImageView 的宽度。

图像无法完全按照您希望的方式缩放。但是，您可以使用UIViewContentModeScaleAspectFill 填充整个UIImageView，但会丢失一些图像（图像的高度太大而无法容纳）。您也可以选择使用UIViewContentModeScaleAspectFit，它将显示整个图像，但会在两侧留出一些空间（图像的宽度太小）。

您的另一个选择是首先以UIImageView 的比例实际捕获图像，但这意味着您将无法捕获全屏图像。

Answer 2

试试这个函数，在这个函数中传递你的UIImage和新的size，然后它会返回你指定大小的UIImage。

- (UIImage *)imageWithImage:(UIImage *)image scaledToSize:(CGSize)newSize {
    UIGraphicsBeginImageContextWithOptions(newSize, NO, 0.0);
    [image drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}

我想这就是你想要的。 希望这会有所帮助。

Answer 3

您提到图像占据了整个屏幕。如果要显示占据半屏的 UIImageView，那么你需要添加这段代码来剪辑框架

halfView.clipToBounds = YES;

尽管将 imageview 的大小设置为屏幕的一半，但如果使用 aspectFit 属性的原始尺寸更大，实际图像将显示在 imageview 的边界之外。 clipToBounds 将解决此问题。

我希望这是您正在寻找的。谢谢，吉姆。