如何水平翻转UIImage？

Answers:

237

目标C

UIImage* sourceImage = [UIImage imageNamed:@"whatever.png"];

UIImage* flippedImage = [UIImage imageWithCGImage:sourceImage.CGImage 
                                            scale:sourceImage.scale
                                      orientation:UIImageOrientationUpMirrored];

迅速

let flippedImage = myImage.withHorizontallyFlippedOrientation()
— 阿罗
source
14
这个答案有两个问题-在视网膜可竞争的图像上缩放比例不是1.0，并且由于某种原因UIImageOrientationUp而UIImageOrientationUpMirrored没有翻转它却起作用了。这个工作-image = [UIImage imageWithCGImage:image.CGImage scale:image.scale orientation:UIImageOrientationUp]
— 拳皇
1
就像我注意到的那样，@ Kof传递的direction参数用于确定“ sourceImage的方向已经是什么”，而不是“以该特定方向给我该图像”。因此，您可以检查sourceImage.imageOrientation参数并传递不同的方向来欺骗该方法以提供所需的内容
— Ege
6
最好将其sourceImage.scale用于秤。
— Sam Soffes 2013年
如何在Swift中做到这一点？[UIImage imageWithCGImage ...]在那里不可用。
— Lim Thye Chean 2014年
3
当我尝试这样做时，这似乎完全被打破了[flippedImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate]。知道为什么吗？
— devios1
70

您可以通过创建UIImageView而不是UIImage并在UIImageView上进行转换来实现此目的。

yourImageView.image =[UIImage imageNamed:@"whatever.png"];
yourImageView.transform = CGAffineTransform(scaleX: -1, y: 1); //Flipped

希望这可以帮助。

— A.亚当
source
2
最终，对我来说UIImage，它的工作效果要好于操纵，而与UIImageRenderingModeAlwaysTemplate渲染模式结合使用时，我发现它有副作用。
— devios1 2015年
2
感谢您分享这一点。我对与本博文相关的这个难题的“答案”感到不走运，但您的答案效果非常好，只有一行代码。
— 阿德里安
很棒！iOS 9+现在还包含flipsForRightToLeftLayoutDirection，但它不适用于iOS 8+应用程序。
3
如果您想重置翻转，请使用yourImageView.transform = CGAffineTransformIdentity
— chanil 2016年
请注意，此方法在UIImageView上“转换”。它不会翻转实际的UIImage。
— 2016年
36

通常需要使用垂直翻转来初始化OpenGL纹理glTexImage2d(...)。上面提出的技巧实际上并没有修改图像数据，在这种情况下将不起作用。这是执行https://stackoverflow.com/a/17909372启发的实际数据翻转的代码

- (UIImage *)flipImage:(UIImage *)image
{
    UIGraphicsBeginImageContext(image.size);
    CGContextDrawImage(UIGraphicsGetCurrentContext(),CGRectMake(0.,0., image.size.width, image.size.height),image.CGImage);
    UIImage *i = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return i;
}
— 阿列克谢·波德拉索夫（Alexey Podlasov）
source
1
如何翻转图像？看起来好像再次绘制图像。
— 乔纳森。
@乔纳森 我认为它在绘制时由于不同的坐标系（即Y轴方向）而翻转。
— Alexey Podlasov'5
有没有办法使用它来垂直翻转图像？
— Praxiteles
这种方法也很好地支持图像渲染-永远模板
— 彼得Stajger
3
要解决质量问题，请使用UIGraphicsBeginImageContextWithOptions（image.size，NO，image.scale）; 代替。
— 尼克·洛克伍德
14

我已经尝试过使用imageFlippedForRightToLeftLayoutDirection，并创建一个具有不同方向的新UIImage，但是至少这是我发现的翻转图像的唯一解决方案 

let ciimage: CIImage = CIImage(CGImage: imagenInicial.CGImage!)
let rotada3 = ciimage.imageByApplyingTransform(CGAffineTransformMakeScale(-1, 1))

正如您在我的操场上看到的那样，它起作用了！！:) 在此处输入图片说明

当然，让finalImage = UIImage（CIImage：rotada3）

— aba鱼网
source
抱歉，但这似乎不再起作用，至少对于用相机拍摄的照片而言……
— Oni_01
12

图像方向定义：

typedef NS_ENUM(NSInteger, UIImageOrientation) {
UIImageOrientationUp,            // default orientation
UIImageOrientationDown,          // 180 deg rotation
UIImageOrientationLeft,          // 90 deg CCW
UIImageOrientationRight,         // 90 deg CW
UIImageOrientationUpMirrored,    // as above but image mirrored along other axis. horizontal flip
UIImageOrientationDownMirrored,  // horizontal flip
UIImageOrientationLeftMirrored,  // vertical flip
UIImageOrientationRightMirrored, // vertical flip
};

我针对更多情况做了一些改进，例如从AVCaptureSession处理UIImage。

UIImage* sourceImage = [UIImage imageNamed:@"whatever.png"];
UIImageOrientation flipingOrientation;
if(sourceImage.imageOrientation>=4){
    flippedOrientation = sourceImage.imageOrientation - 4;
}else{
    flippedOrientation = sourceImage.imageOrientation + 4;
}
UIImage* flippedImage = [UIImage imageWithCGImage:sourceImage.CGImage 
                     scale: sourceImage.scale orientation: flipingOrientation];
— 亨利
source
9

快速版本：（我在评论中看到了这个问题）

let srcImage = UIImage(named: "imageName")
let flippedImage = UIImage(CGImage: srcImage.CGImage, scale: srcImage.scale, orientation: UIImageOrientation.UpMirrored)
— 罗曼·索平
source
8

iOS 10以上

[myImage imageWithHorizontallyFlippedOrientation];

斯威夫特4：

let flippedImage = myImage.withHorizontallyFlippedOrientation()
— 罗马·索洛迪阿什金
source
7

这是一个可靠的实现，可以水平镜像/翻转UIImage，并且可以前后应用该图像。由于它更改了基础图像数据，因此绘图（如屏幕截图）也将更改。经测试可正常工作，无质量损失。

func flipImage() -> UIImage? {
        UIGraphicsBeginImageContextWithOptions(self.size, false, self.scale)
        let bitmap = UIGraphicsGetCurrentContext()!

        bitmap.translateBy(x: size.width / 2, y: size.height / 2)
        bitmap.scaleBy(x: -1.0, y: -1.0)

        bitmap.translateBy(x: -size.width / 2, y: -size.height / 2)
        bitmap.draw(self.cgImage!, in: CGRect(x: 0, y: 0, width: size.width, height: size.height))

        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return image?
}
— code4latte
source
5

可能这对某些人有用：

    UIImageOrientation imageOrientation;

    switch (sourceImage.imageOrientation) {
        case UIImageOrientationDown:
            imageOrientation = UIImageOrientationDownMirrored;
            break;

        case UIImageOrientationDownMirrored:
            imageOrientation = UIImageOrientationDown;
            break;

        case UIImageOrientationLeft:
            imageOrientation = UIImageOrientationLeftMirrored;
            break;

        case UIImageOrientationLeftMirrored:
            imageOrientation = UIImageOrientationLeft;

            break;

        case UIImageOrientationRight:
            imageOrientation = UIImageOrientationRightMirrored;

            break;

        case UIImageOrientationRightMirrored:
            imageOrientation = UIImageOrientationRight;

            break;

        case UIImageOrientationUp:
            imageOrientation = UIImageOrientationUpMirrored;
            break;

        case UIImageOrientationUpMirrored:
            imageOrientation = UIImageOrientationUp;
            break;
        default:
            break;
    }

    resultImage = [UIImage imageWithCGImage:sourceImage.CGImage scale:sourceImage.scale orientation:imageOrientation];
— Sathe_Nagaraja
source
5

对于Swift 3/4：

imageView.transform = CGAffineTransform(scaleX: -1, y: 1)
— 摇晃的Sayag
source
这是用于UIImageView，OP正在寻找UIImage
— Shizam，
2

一个简单的扩展。

extension UIImage {

    var flipped: UIImage {
        guard let cgImage = cgImage else {
            return self
        }

        return UIImage(cgImage: cgImage, scale: scale, orientation: .upMirrored)
    }
}

用法：

let image = #imageLiteral(resourceName: "imageName")
let imageView = UIImageView(image: image.flipped)
— 埃里克·阿姆斯特朗
source
扩展是Swift的最佳功能之一。我很惊讶上面的原始答案未能建议这样做。我更喜欢此版本。
— DS。18年
1

这是兼容的iOS8 / 9版本：

UIImage *image = [UIImage imageNamed:name];

if ([[UIApplication sharedApplication] userInterfaceLayoutDirection] == UIUserInterfaceLayoutDirectionRightToLeft) {

    if ([image respondsToSelector:@selector(imageFlippedForRightToLeftLayoutDirection)]) {
        //iOS9
        image = image.imageFlippedForRightToLeftLayoutDirection;
    }
    else {
        //iOS8
        CIImage *coreImage = [CIImage imageWithCGImage:image.CGImage];
        coreImage = [coreImage imageByApplyingTransform:CGAffineTransformMakeScale(-1, 1)];
        image = [UIImage imageWithCIImage:coreImage scale:image.scale orientation:UIImageOrientationUp];
    }
}

return image;
— 卡皮卡夫
source
我不认为这是最好的主意。这imageFlippedForRightToLeftLayoutDirection 应与翻转的布局方向一起使用-例如在阿拉伯国家。因此，使用此方法可能并不总是能按需工作。
— Peter Stajger '16
1
是的，您是对的-就我而言，这完全是为了支持RTL。众所周知，SO上的代码仅供参考，人们不是在不首先了解它的情况下复制/粘贴代码，对吗？
— capikaw
1

在Swift 3及更高版本中测试

这是通过扩展解决此问题的简单解决方案。我对其进行了测试，并且效果良好。您可以向任何方向镜像。

extension UIImage {

    func imageUpMirror() -> UIImage {
        guard let cgImage = cgImage else { return self }
        return UIImage(cgImage: cgImage, scale: scale, orientation: .upMirrored)
    }

    func imageDownMirror() -> UIImage {
        guard let cgImage = cgImage else { return self }
        return UIImage(cgImage: cgImage, scale: scale, orientation: .downMirrored)
    }

    func imageLeftMirror() -> UIImage {
        guard let cgImage = cgImage else { return self }
        return UIImage(cgImage: cgImage, scale: scale, orientation: .leftMirrored)
    }

    func imageRightMirror() -> UIImage {
        guard let cgImage = cgImage else { return self }
        return UIImage(cgImage: cgImage, scale: scale, orientation: .rightMirrored)
    }
}

此代码的用法

let image = #imageLiteral(resourceName: "imageName")
flipHorizontally = image.imageUpMirror()

依此类推，您可以使用其他功能。

— 雷汉·阿里
source
0

这是上面修改过的答案之一，在Swift 3中，当您有一个需要不断来回翻转图像的按钮时，我发现它特别有用。

func flipImage(sourceImage: UIImage,orientation: UIImageOrientation) -> UIImage {


        var imageOrientation = orientation

        switch sourceImage.imageOrientation {

        case UIImageOrientation.down:
            imageOrientation = UIImageOrientation.downMirrored;
            break;

        case UIImageOrientation.downMirrored:
            imageOrientation = UIImageOrientation.down;
            break;

        case UIImageOrientation.left:
            imageOrientation = UIImageOrientation.leftMirrored;
            break;

        case UIImageOrientation.leftMirrored:
            imageOrientation = UIImageOrientation.left;

            break;

        case UIImageOrientation.right:
            imageOrientation = UIImageOrientation.rightMirrored;

            break;

        case UIImageOrientation.rightMirrored:
            imageOrientation = UIImageOrientation.right;

            break;

        case UIImageOrientation.up:
            imageOrientation = UIImageOrientation.upMirrored;
            break;

        case UIImageOrientation.upMirrored:
            imageOrientation = UIImageOrientation.up;
            break;


        }


        return UIImage(cgImage: sourceImage.cgImage!, scale: sourceImage.scale, orientation: imageOrientation)

    }

用： 

imageToFlip: UIImage = flipImage(sourceImage: imageToFlip, orientation: imageToFlip.imageOrientation)
— 三兵
source
0

SWIFT 3中 aroth的回答：

let sourceImage = UIImage(named: "whatever.png")!
let flippedImage = UIImage(cgImage: sourceImage.cgImage!, scale: sourceImage.scale, orientation: .upMirrored)
— 疯子
source
0

斯威夫特4 

yourImage.transform = CGAffineTransform(scaleX: -1, y: 1)
— 法里斯
source
3
仅代码答案通常被认为是低质量的。除了您的代码外，请说明其工作方式/原因，解决问题或回答问题。
— chharvey
1
另外，这对于OP的问题也不起作用，因为他要求翻转图像。这里的代码翻转图像视图。两者在可以使用的地方都有很大的不同。例如，按钮拍摄图像而不是图像视图。
— DS。
另外，您只是复制了我的答案并写了迅捷4
— Shaked Sayag，
0

由于展开，请执行以下操作：

let srcImage = UIImage(named: "myimage")!
let flippedImage = UIImage(cgImage: srcImage.cgImage!, 
                   scale: srcImage.scale, orientation: UIImage.Orientation.upMirrored)
— 迈克·兹里尔
source
0

您可以使用此按需旋转图像

SWIFT 4

extension UIImage {
public func imageRotatedByDegrees(degrees: CGFloat, flip: Bool) -> UIImage {
    let radiansToDegrees: (CGFloat) -> CGFloat = {
        return $0 * (180.0 / CGFloat(M_PI))
    }
    let degreesToRadians: (CGFloat) -> CGFloat = {
        return $0 / 180.0 * CGFloat(M_PI)
    }

    // calculate the size of the rotated view's containing box for our drawing space
    let rotatedViewBox = UIView(frame: CGRect(origin: CGPoint.zero, size: size))
    let t = CGAffineTransform(rotationAngle: degreesToRadians(degrees));
    rotatedViewBox.transform = t
    let rotatedSize = rotatedViewBox.frame.size

    // Create the bitmap context
    UIGraphicsBeginImageContext(rotatedSize)
    let bitmap = UIGraphicsGetCurrentContext()!

    bitmap.translateBy(x: rotatedSize.width / 2.0, y: rotatedSize.height / 2.0)
    // Move the origin to the middle of the image so we will rotate and scale around the center.
    //CGContextTranslateCTM(bitmap, rotatedSize.width / 2.0, rotatedSize.height / 2.0);

    //   // Rotate the image context
    bitmap.rotate(by: degreesToRadians(degrees))
   // CGContextRotateCTM(bitmap, degreesToRadians(degrees));

    // Now, draw the rotated/scaled image into the context
    var yFlip: CGFloat

    if(flip){
        yFlip = CGFloat(-1.0)
    } else {
        yFlip = CGFloat(1.0)
    }
    bitmap.scaleBy(x: yFlip, y: -1.0)
    //CGContextScaleCTM(bitmap, yFlip, -1.0)
    bitmap.draw(self.cgImage!, in: CGRect.init(x: -size.width / 2, y: -size.height / 2, width: size.width, height: size.height))
   // CGContextDrawImage(bitmap, CGRectMake(-size.width / 2, -size.height / 2, size.width, size.height), CGImage)

    let newImage = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()

    return newImage
}

}

— 摩门·沙欣
source
0

雨燕5-Xcode 11.5

水平旋转的最佳解决方案：观看此视频：

https://m.youtube.com/watch?v=4kSLbuB-MlU

或使用以下代码：

    
import UIKit
class FirstViewControl: UIViewController {
    @IBOutlet weak var buttonAnim: UIButton!

    @IBAction func ClickOnButtonAnim(_ sender: UIButton) {    
        UIView.transition(with: buttonAnim, duration: 0.4, options: .transitionFlipFromLeft, animation: nil , completion: nil)
    }

}

您可以在此动画中使用任何ui（按钮，标签或uiview或图像）。

— lia
source
1
不建议发布链接作为答案。该链接有一天可能会失效。如果您认为该方法有帮助，可以在这里发布吗？
— 克里斯托弗
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.