将之前通过手势旋转的 UIImageView 与另一个合并。 WYS 不是 WYG

Question

我在尝试合并两个 UIImageView 时变得疯狂。

情况：

• 一个背景UIImageView (userPhotoImageView)
• 一个覆盖的 UIImageView（产品照片图像视图） 可以拉伸、挤压和 我在 UIImages 上调用

我的函数，但我可以从包含它们的 UIImageView 中获取坐标和新的拉伸尺寸（它们在我的类中合成）

    - (UIImage *)mergeImage:(UIImage *)bottomImg withImage:(UIImage *)topImg;

也许最简单的方法是在新的 CGContextRef 中渲染顶部 UIImageView 的层，如下所示：

    [bottomImg drawInRect:CGRectMake(0, 0, bottomImg.size.width, bottomImg.size.height)];
    [productPhotoImageView.layer renderInContext:ctx];

但这样我就失去了以前通过手势应用的旋转效果。

第二种方法是尝试将 AffineTransformation 应用于 UIImage 以重现 GestureEffects，然后在上下文中绘制它，如下所示：

    UIImage * scaledTopImg = [topImg imageByScalingProportionallyToSize:productPhotoView.frame.size];
    UIImage * rotatedScaledTopImg = [scaledTopImg imageRotatedByDegrees:ANGLE];    
    [rotatedScaledTopImg drawAtPoint:CGPointMake(productPhotoView.frame.origin.x, productPhotoView.frame.origin.y)];

第二种方法的问题是我无法准确获得最终的旋转度数（应该的 ANGLE 参数）填写上面的代码）自用户开始交互以来的金额，这是因为 RotationGesture 在应用后重置为 0，因此下一个回调是当前旋转的增量。

当然，最简单的方法是第一个，冻结两个 UIImageViews，因为它们在那一刻显示，但实际上我仍然没有找到这样做。

Answer 1

好吧，基本上还有另一种解决方法可以解决所有这些疯狂的合并问题，但这绝对不是一个优雅的解决方案。为了避免处理任何类型的 AffineTransformation，只需捕获 ImageScreen 然后裁剪它。

CGImageRef screenImage = UIGetScreenImage();
CGRect fullRect = [[UIScreen mainScreen] applicationFrame];
CGImageRef saveCGImage = CGImageCreateWithImageInRect(screenImage, fullRect);
CGRect cropRect = CGRectMake(x,y,width,height);
CGImageRef saveCGImage = CGImageCreateWithImageInRect(screenImage, cropRect);

告诉过你这并不优雅，但对于某人来说可能很有用。

Answer 2

太棒了，这很有帮助，而且解决方法太多了;)

所以，因为我发现在我的操作之后很难找到一些代码示例来合并图片，希望它能有所帮助：

- (UIImage *)mergeImage:(UIImage *)bottomImg withImage:(UIImage *)topImg {

    UIImage * scaledTopImg = [topImg imageByScalingProportionallyToSize:productPhotoView.frame.size];

    UIGraphicsBeginImageContext(scaledTopImg.size);
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    CGContextTranslateCTM(ctx, scaledTopImg.size.width * 0.5f, scaledTopImg.size.height  * 0.5f);    
    CGFloat angle = atan2(productPhotoView.transform.b, productPhotoView.transform.a);    
    CGContextRotateCTM(ctx, angle);    
    [scaledTopImg drawInRect:CGRectMake(- scaledTopImg.size.width * 0.5f, -(scaledTopImg.size.height  * 0.5f), scaledTopImg.size.width, scaledTopImg.size.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    UIGraphicsBeginImageContext(bottomImg.size);
    [bottomImg drawInRect:CGRectMake(0, 0, bottomImg.size.width, bottomImg.size.height)];    
    [newImage drawInRect:CGRectMake(productPhotoView.frame.origin.x, productPhotoView.frame.origin.y, newImage.size.width, newImage.size.height)];
    UIImage *newImage2 = UIGraphicsGetImageFromCurrentImageContext();    
    UIGraphicsEndImageContext();    

    return newImage2;
}

因为我得到了背景图像，所以首先更容易创建一个上下文只是为了将转换应用于叠加视图，而不是保存它并写入底层。

在旋转叠加视图之前请注意 CTM 平移，否则它将围绕位于 {0,0} 的轴旋转，而我想围绕其中心旋转图像。

问候

Answer 3

我有同样的问题。

我只有旋转方面的问题。

我使用手势识别器进行移动、缩放和旋转。

开始时，当我保存图像时，比例是正确的，位置是正确的，但从未对保存的图像应用旋转。

现在，

如果您想知道旋转角度，我可以使用：

CGFloat angle = atan2(overlay.transform.b, overlay.transform.a);

和旋转：

CGContextRotateCTM(context, angle);

如果您有不同的方法，请告诉我。