wake-up-neo.com

So konvertieren Sie eine UIView in ein Bild

Ich möchte eine UIView in ein Bild konvertieren und in meiner App speichern. Kann mir bitte jemand sagen, wie ich einen Screenshot von einer Ansicht erstellen oder in ein Bild konvertieren kann und wie sie am besten in einer App gespeichert werden kann (Keine Kamerarolle)? Hier ist der Code für die Ansicht:

var overView   = UIView(frame: CGRectMake(0, 0, self.view.frame.width/1.3, self.view.frame.height/1.3))
overView.center = CGPointMake(CGRectGetMidX(self.view.bounds),
CGRectGetMidY(self.view.bounds)-self.view.frame.height/16);
overView.backgroundColor = UIColor.whiteColor()
self.view.addSubview(overView)
self.view.bringSubviewToFront(overView)
iosswiftuiviewscreenshot
50
Sameer Hussain

Zum Beispiel, wenn ich eine Ansicht der Größe: 50, 50 bei 100.100 habe. Ich kann folgendes verwenden, um einen Screenshot zu machen:

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(100, 100), false, 0);
    self.view.drawViewHierarchyInRect(CGRectMake(-50,-5-,view.bounds.size.width,view.bounds.size.height), afterScreenUpdates: true)
    var image:UIImage = UIGraphicsGetImageFromCurrentImageContext();
13
Sameer Hussain

Eine Erweiterung auf UIView sollte den Trick ausführen.

extension UIView {

    // Using a function since `var image` might conflict with an existing variable
    // (like on `UIImageView`)
    func asImage() -> UIImage {
        let renderer = UIGraphicsImageRenderer(bounds: bounds)
        return renderer.image { rendererContext in
            layer.render(in: rendererContext.cgContext)
        }
    }
}

Apple rät von der Verwendung von UIGraphicsBeginImageContext ab iOS 10 mit der Einführung des P3-Farbraums. UIGraphicsBeginImageContext ist nur sRGB und 32-Bit. Sie führten die neue UIGraphicsImageRenderer-API ein, die vollständig farbverwaltet und blockbasiert ist, Unterklassen für PDFs und Bilder enthält und die Lebensdauer des Kontexts automatisch verwaltet. Check out WWDC16-Sitzung 205 für weitere Details (Die Bildwiedergabe beginnt um die 11:50-Marke) 

Edit1: Um sicherzustellen, dass es auf jedem Gerät funktioniert, verwenden Sie #available mit einem Rückfall auf frühere Versionen von iOS:

extension UIView {

    // Using a function since `var image` might conflict with an existing variable
    // (like on `UIImageView`)
    func asImage() -> UIImage {
        if #available(iOS 10.0, *) {
            let renderer = UIGraphicsImageRenderer(bounds: bounds)
            return renderer.image { rendererContext in
                layer.render(in: rendererContext.cgContext)
            }
        } else {
            UIGraphicsBeginImageContext(self.frame.size)
            self.layer.render(in:UIGraphicsGetCurrentContext()!)
            let image = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return UIImage(cgImage: image!.cgImage!)
        }
    }
}
84
Naveed J.

sie können die Erweiterung verwenden

extension UIImage {
    convenience init(view: UIView) {
        UIGraphicsBeginImageContext(view.frame.size)
        view.layer.render(in:UIGraphicsGetCurrentContext()!)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.init(cgImage: image!.cgImage!)
    }
}

Hier die Swift 3/4 Version:

extension UIImage {
    convenience init(view: UIView) {
        UIGraphicsBeginImageContext(view.frame.size)
        view.layer.render(in:UIGraphicsGetCurrentContext()!)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.init(cgImage: image!.cgImage!)
    }
}
56
Bao Tuan Diep

Konvertieren Sie Ihre UIView in ein Bild von drawViewHierarchyInRect: afterScreenUpdates: welches um ein Vielfaches schneller ist als renderInContext

Wichtiger Hinweis: Rufen Sie diese Funktion nicht über viewDidLoad oder viewWillAppear auf. Vergewissern Sie sich, dass Sie eine Ansicht erfassen, nachdem sie vollständig angezeigt/geladen wurde.

Obj C 

     UIGraphicsBeginImageContextWithOptions(myView.bounds.size, myView.opaque, 0.0f);
     [myView drawViewHierarchyInRect:myView.bounds afterScreenUpdates:NO];
     UIImage *snapshotImageFromMyView = UIGraphicsGetImageFromCurrentImageContext();
     UIGraphicsEndImageContext();

     myImageView.image =  snapshotImageFromMyView;

Das bearbeitete Bild speichern Fotoalbum 

     UIImageWriteToSavedPhotosAlbum(snapshotImageFromMyView, nil,nil, nil);

Swift 3/4 

    UIGraphicsBeginImageContextWithOptions(myView.bounds.size, myView.isOpaque, 0.0)
    myView.drawHierarchy(in: myView.bounds, afterScreenUpdates: false)
    let snapshotImageFromMyView = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    print(snapshotImageFromMyView)
    myImageView.image = snapshotImageFromMyView

Super einfache Generalisierung mit Erweiterung, iOS11, Swift3/4 

extension UIImage{
    convenience init(view: UIView) {

    UIGraphicsBeginImageContextWithOptions(view.bounds.size, view.isOpaque, 0.0)
    view.drawHierarchy(in: view.bounds, afterScreenUpdates: false)
    let image = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    self.init(cgImage: (image?.cgImage)!)

  }
}


Use : 
 //myView is completly loaded/visible , calling this code after only after viewDidAppear is call
 imgVV.image = UIImage.init(view: myView)
 // Simple image object
 let img =  UIImage.init(view: myView)
39
ViJay Avhad

Unter iOS 10:

extension UIImage {
    convenience init(view: UIView) {
        UIGraphicsBeginImageContext(view.frame.size)
        view.layer.render(in: UIGraphicsGetCurrentContext()!)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.init(cgImage: (image?.cgImage)!)
    }
}
17
afrodev
    UIGraphicsBeginImageContext(self.view.bounds.size);        
    self.view.layer.renderInContext(UIGraphicsGetCurrentContext())
    var screenShot = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
15
Vakas

Best Practice ab iOS 10 und Swift 3

während noch iOS 9 und früher unterstützt 

extension UIView {

    func asImage() -> UIImage? {
        if #available(iOS 10.0, *) {
            let renderer = UIGraphicsImageRenderer(bounds: bounds)
            return renderer.image { rendererContext in
                layer.render(in: rendererContext.cgContext)
            }
        } else {
            UIGraphicsBeginImageContextWithOptions(self.bounds.size, self.isOpaque, 0.0)
            defer { UIGraphicsEndImageContext() }
            guard let currentContext = UIGraphicsGetCurrentContext() else {
                return nil
            }
            self.layer.render(in: currentContext)
            return UIGraphicsGetImageFromCurrentImageContext()
        }
    }
}

Ich bin nicht sicher, was die Frage bedeutet:

was ist der beste Weg, um es in einer App zu speichern (Keine Kamerarolle)?

12
Jon Willis

Meiner Meinung nach ist der Ansatz mit dem Initialisierer nicht so toll, da er zwei Bilder erzeugt.

Ich bevorzuge das:

extension UIView {
    var snapshot: UIImage? {
        UIGraphicsBeginImageContext(self.frame.size)
        guard let context = UIGraphicsGetCurrentContext() else {
            return nil
        }
        layer.render(in: context)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }
}
7
Tino
var snapshot = overView.snapshotViewAfterScreenUpdates(false)

oder in objektiv-c

UIView* snapshot = [overView snapshotViewAfterScreenUpdates:NO];
5
Yedidya Reiss

Swift 4.2, iOS 10

extension UIView {

    // If Swift version is lower than 4.2, 
    // You should change the name. (ex. var renderedImage: UIImage?)

    var image: UIImage? {
        let renderer = UIGraphicsImageRenderer(bounds: bounds)
        return renderer.image { rendererContext in layer.render(in: rendererContext.cgContext) }
    }
}

Probe

let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
view.backgroundColor = .blue

let view2 = UIView(frame: CGRect(x: 10, y: 10, width: 20, height: 20))
view2.backgroundColor = .red
view.addSubview(view2)

let imageView = UIImageView(image: view.image)

 enter image description here

5
Den

Sie können es leicht verwenden, indem Sie die Erweiterung wie diese verwenden

// Take a snapshot from a view (just one view)
let viewSnapshot = myView.snapshot

// Take a screenshot (with every views in screen)
let screenSnapshot = UIApplication.shared.snapshot

// Take a snapshot from UIImage initialization
UIImage(view: self.view)

Wenn Sie diese Erweiterungsmethoden/-variablen verwenden möchten, implementieren Sie dies

  1. UIImage-Erweiterung

    extension UIImage {
    convenience init(view: UIView) {
        if let cgImage = view.snapshot?.cgImage {
            self.init(cgImage: cgImage)
        } else {
            self.init()
        }
    }
}

  2. UIView-Erweiterung

    extension UIView {

    var snapshot: UIImage? {
        UIGraphicsBeginImageContextWithOptions(bounds.size, isOpaque, 0.0)
        if UIGraphicsGetCurrentContext() != nil {
            drawHierarchy(in: bounds, afterScreenUpdates: true)
            let screenshot = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return screenshot
        }
        return nil
    }
}

  3. UIApplication-Erweiterung

    extension UIApplication {

    var snapshot: UIImage? {
        return keyWindow?.rootViewController?.view.snapshot
    }
}
4
Khemmachart Chutapetch

Dies funktioniert bei mir für Xcode 9/Swift 3.2/Swift 4 und Xcode 8/Swift 3

 if #available(iOS 10.0, *) {

     // for Xcode 9/Swift 3.2/Swift 4 -Paul Hudson's code
     let renderer = UIGraphicsImageRenderer(size: view!.bounds.size)
     let capturedImage = renderer.image { 
         (ctx) in
         view!.drawHierarchy(in: view!.bounds, afterScreenUpdates: true)
     }
     return capturedImage

 } else {

     // for Xcode 8/Swift 3
     UIGraphicsBeginImageContextWithOptions((view!.bounds.size), view!.isOpaque, 0.0)
     view!.drawHierarchy(in: view!.bounds, afterScreenUpdates: false)
     let capturedImage = UIGraphicsGetImageFromCurrentImageContext()
     UIGraphicsEndImageContext()
     return capturedImage!
 }

So verwenden Sie es in einer Funktion:

fileprivate func captureUIImageFromUIView(_ view:UIView?) -> UIImage {

     guard (view != nil) else{

        // if the view is nil (it's happened to me) return an alternative image
        let errorImage = UIImage(named: "Error Image")
        return errorImage
     }

     // if the view is all good then convert the image inside the view to a uiimage
     if #available(iOS 10.0, *) {

         let renderer = UIGraphicsImageRenderer(size: view!.bounds.size)
         let capturedImage = renderer.image { 
             (ctx) in
             view!.drawHierarchy(in: view!.bounds, afterScreenUpdates: true)
         }
         return capturedImage

     } else {

         UIGraphicsBeginImageContextWithOptions((view!.bounds.size), view!.isOpaque, 0.0)
         view!.drawHierarchy(in: view!.bounds, afterScreenUpdates: false)
         let capturedImage = UIGraphicsGetImageFromCurrentImageContext()
         UIGraphicsEndImageContext()
         return capturedImage!
     }
}

So machen Sie etwas mit dem von der Funktion zurückgegebenen Bild:

@IBOutlet weak fileprivate var myCustomView: UIView!
var myPic: UIImage?

let myImageView = UIImageView()

@IBAction fileprivate func saveImageButtonTapped(_ sender: UIButton) {

   myPic = captureUIImageFromUIView(myCustomView)

   // display the pic inside a UIImageView
   myImageView.image = myPic!
}

Ich habe die Antwort Xcode 9/Swift 3.2/Swift 4 von Paul Hudson konvertiere uiview in uiimage

Ich habe den Xcode 8/Swift 3 von irgendwo vor SO vor langer Zeit bekommen und ich habe vergessen, wo :(

4
Lance Samaria

oder iOS 10+ können Sie den neuen UIGraphicsImageRenderer + die empfohlene drawHierarchy verwenden, die in manchen Situationen wesentlich schneller als layer.renderInContext sein kann

extension UIView {
    func asImage() -> UIImage {
        let renderer = UIGraphicsImageRenderer(size: self.bounds.size)
        return renderer.image { _ in
            self.drawHierarchy(in: CGRect(x: 0, y: 0, width: bounds.size.width, height: bounds.size.height), afterScreenUpdates: false)
        }
    }
}
2
Морт

Implementierung in Swift 3 :

Fügen Sie den folgenden Code außerhalb des Klassenbereichs hinzu.

extension UIImage {
    convenience init(_ view: UIView) {
        UIGraphicsBeginImageContext(view.frame.size)
        view.layer.render(in: UIGraphicsGetCurrentContext()!)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.init(cgImage: (image?.cgImage)!)
    }
}

Verwendungszweck : 

let image = UIImage( Your_View_Outlet )
1
roy

Swift 4.2 

import Foundation
import UIKit  

extension UIImage {

    convenience init(view: UIView) {

        UIGraphicsBeginImageContextWithOptions(view.bounds.size, view.isOpaque, 0.0)
        view.drawHierarchy(in: view.bounds, afterScreenUpdates: false)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.init(cgImage: (image?.cgImage)!)

    } 
}

mit:

let img = UIImage.init (view: self.holderView)

1
reza_khalafi

Danke @Bao Tuan Diep! Ich möchte einen Nachtrag hinzufügen.

Wenn Sie den Code verwenden: 

yourView.layer.render(in:UIGraphicsGetCurrentContext()!)

Sie müssen Folgendes beachten:

 - If you had used `autoLayout` or `Masonry` in `yourView` (that you want to convert) .
 - If you did not add `yourView` to another view which means that `yourView` was not used as a subview but just an object.

Dann musst du verwenden:

[yourView setNeedsLayout];
[yourView layoutIfNeeded];

yourView vor yourView.layer.render(in:UIGraphicsGetCurrentContext()!) aktualisieren.

Andernfalls erhalten Sie möglicherweise ein Bildobjekt, das keine Elemente enthält.

1
guozqzzu

arbeite gut mit mir!

Swift4

 extension UIView {

    func toImage() -> UIImage {
        UIGraphicsBeginImageContextWithOptions(self.bounds.size, self.isOpaque, 0.0)
        self.drawHierarchy(in: self.bounds, afterScreenUpdates: false)
        let snapshotImageFromMyView = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return snapshotImageFromMyView!
    }

    }
0
Faris

Initializer mit dem neuen UIGraphicsImageRenderer seit iOS 10 verfügbar:

extension UIImage{
    convenience init(view: UIView) {

    let renderer = UIGraphicsImageRenderer(size: self.bounds.size)
    let canvas = CGRect(x: 0, y: 0, width: bounds.size.width, height: bounds.size.height)
    let image = renderer.image { _ in
        self.drawHierarchy(in: canvas, afterScreenUpdates: false)
    }
    self.init(cgImage: (image?.cgImage)!)
  }
}
0
Frédéric Adda

Ich habe die Methode von @Naveed J. so implementiert, und es funktionierte wie ein Zauber.

Hier war seine Ausdehnung:

extension UIView {

    // Using a function since `var image` might conflict with an existing variable
    // (like on `UIImageView`)
    func asImage() -> UIImage {
        let renderer = UIGraphicsImageRenderer(bounds: bounds)
        return renderer.image { rendererContext in
            layer.render(in: rendererContext.cgContext)
        }
    }
}

So habe ich es umgesetzt.

//create an image from yourView to display
//determine the frame of the view/imageimage
let screen = self.superview!.bounds
let width = screen.width / 4 //make image 1/4 width of screen
let height = width
let frame = CGRect(x: 0, y: 0, width: width, height: height)
let x = (screen.size.width - frame.size.width) * 0.5
let y = (screen.size.height - frame.size.height) * 0.5
let mainFrame = CGRect(x: x, y: y, width: frame.size.width, height: frame.size.height)

let yourView = YourView() //instantiate yourView
yourView.frame = mainFrame //give it the frame
yourView.setNeedsDisplay() //tell it to display (I am not 100% sure this is needed)

let characterViewImage = yourView.asImage()
0
Jacob Davis

Für die Ansicht enthält eine unscharfe Unteransicht (z. B. UIVisualEffectViewInstanz), nur drawViewHierarchyInRect: afterScreenUpdates funktioniert.

@ViJay Avhads Antwort ist in diesem Fall richtig.

0
rafalkitta