วิธีแปลง UIView เป็นรูปภาพ

ฉันต้องการแปลง UIView เป็นรูปภาพและบันทึกไว้ในแอพของฉัน ใครช่วยบอกวิธีถ่ายภาพหน้าจอหรือแปลงเป็นภาพและวิธีที่ดีที่สุดในการบันทึกลงในแอปคืออะไร (ไม่ใช่ม้วนฟิล์ม) นี่คือรหัสสำหรับมุมมอง:

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)

ส่วนขยายUIViewควรทำเคล็ดลับ

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 ไม่สนับสนุนการUIGraphicsBeginImageContextเริ่มต้น iOS 10 ด้วยการเปิดตัวขอบเขตสี P3 UIGraphicsBeginImageContextเป็น sRGB และ 32 บิตเท่านั้น พวกเขาเปิดตัวUIGraphicsImageRendererAPI ใหม่ที่มีการจัดการสีโดยสมบูรณ์แบบบล็อกมีคลาสย่อยสำหรับ PDF และรูปภาพและจัดการอายุการใช้งานบริบทโดยอัตโนมัติ ตรวจสอบเซสชัน WWDC16 205สำหรับรายละเอียดเพิ่มเติม (การเรนเดอร์ภาพเริ่มต้นประมาณเครื่องหมาย 11:50)

เพื่อให้แน่ใจว่าใช้งานได้กับทุกอุปกรณ์ให้ใช้#availableกับ 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!)
        }
    }
}

คุณสามารถใช้นามสกุล

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

นี่คือรุ่น 3/4 ที่รวดเร็ว:

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

แปลง UIView ของคุณเป็นรูปภาพโดยdrawViewHierarchyInRect: afterScreenUpdates:ซึ่งเร็วกว่า renderInContext หลายเท่า

หมายเหตุสำคัญ: อย่าเรียกใช้ฟังก์ชันนี้จากviewDidLoad หรือ viewWillAppearตรวจสอบให้แน่ใจว่าคุณกำลังจับภาพมุมมองหลังจากที่แสดง / โหลดเต็มที่แล้ว

Obj C.

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

     myImageView.image =  snapshotImageFromMyView;

บันทึกรูปภาพที่แก้ไขอัลบั้มรูปภาพ

     UIImageWriteToSavedPhotosAlbum(snapshotImageFromMyView, nil,nil, nil);

สวิฟต์ 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

การวางนัยทั่วไปที่ง่ายสุด ๆ พร้อมส่วนขยาย 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)

บน 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)!)
    }
}

แนวทางปฏิบัติที่ดีที่สุดสำหรับ iOS 10 และ Swift 3

ในขณะที่ยังรองรับ iOS 9 และรุ่นก่อนหน้า ยังคงใช้งานได้เหมือน iOS 13, Xcode 11.1, Swift 5.1

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()
        }
    }
}

ฉันไม่แน่ใจว่าคำถามหมายถึงอะไรโดย:

วิธีใดดีที่สุดในการบันทึกลงในแอป (ไม่ใช่ม้วนฟิล์ม)

    UIGraphicsBeginImageContext(self.view.bounds.size);        
    self.view.layer.renderInContext(UIGraphicsGetCurrentContext())
    var screenShot = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

ตัวอย่างเช่นหากฉันมีมุมมองขนาด: 50 50 ที่ 100,100 ฉันสามารถใช้สิ่งต่อไปนี้เพื่อถ่ายภาพหน้าจอ:

    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();

ในความคิดของฉันวิธีการกับตัวเริ่มต้นนั้นไม่ค่อยดีนักเพราะมันสร้างภาพสองภาพ

ฉันชอบสิ่งนี้:

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
    }
}

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) }
    }
}

ตัวอย่าง

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)

สิ่งนี้ใช้ได้กับฉันสำหรับXcode 9 / Swift 3.2 / Swift 4และ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!
 }

นี่คือวิธีการใช้งานภายในฟังก์ชัน:

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!
     }
}

ต่อไปนี้เป็นวิธีดำเนินการกับรูปภาพที่ส่งคืนจากฟังก์ชัน:

@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!
}

ฉันได้รับคำตอบXcode 9 / Swift 3.2 / Swift 4จาก Paul Hudson แปลง uiview เป็น uiimage

ฉันได้รับXcode 8 / Swift 3จากที่ไหนสักแห่งเมื่อนานมาแล้วและฉันลืมไปแล้วว่า :(

var snapshot = overView.snapshotViewAfterScreenUpdates(false)

หรือในวัตถุประสงค์ -c

UIView* snapshot = [overView snapshotViewAfterScreenUpdates:NO];

คุณสามารถใช้งานได้อย่างง่ายดายโดยใช้ส่วนขยายเช่นนี้

// 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)

หากคุณต้องการใช้วิธี / ตัวแปรส่วนขยายเหล่านั้นให้ใช้สิ่งนี้

1. ส่วนขยาย UIImage

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

2. ส่วนขยาย UIView

   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. UIA ส่วนขยายแอปพลิเคชัน

   extension UIApplication {
   
       var snapshot: UIImage? {
           return keyWindow?.rootViewController?.view.snapshot
       }
   }
   

หรือ iOS 10+ คุณสามารถใช้ UIGraphicsImageRenderer ใหม่ + drawHierarchy ที่แนะนำซึ่งในบางสถานการณ์อาจเร็วกว่า layer.renderInContext มาก

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)
        }
    }
}

ขอบคุณ @Bao Tuan Diep! ฉันต้องการเพิ่มอาหารเสริม

เมื่อคุณใช้รหัส:

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

คุณต้องสังเกตว่า:

 - 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.

จากนั้นคุณต้องใช้ :

[yourView setNeedsLayout];
[yourView layoutIfNeeded];

การอัปเดตก่อนyourViewyourView.layer.render(in:UIGraphicsGetCurrentContext()!)

มิฉะนั้นคุณอาจได้รับวัตถุรูปภาพที่ไม่มีองค์ประกอบ

สวิฟต์ 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)!)

    } 
}

ใช้:

ให้ img = UIImage.init (ดู: self.holderView)

การใช้งานในSwift 3 :

เพิ่มรหัสด้านล่างนอกขอบเขตชั้นเรียน

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

การใช้งาน:

let image = UIImage( Your_View_Outlet )

ฉันใช้วิธีนี้ของ@Naveed J.และมันได้ผลอย่างมีเสน่ห์

นี่คือขอบเขตของเขา:

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)
        }
    }
}

นี่คือวิธีที่ฉันใช้งาน

//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()

Initializer พร้อม UIGraphicsImageRenderer ใหม่พร้อมใช้งานตั้งแต่ iOS 10:

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)!)
  }
}

ทำงานได้ดีกับฉัน!

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!
    }

    }

สำหรับมุมมองมีมุมมองย่อยที่เบลอ (เช่น อินสแตนซ์UIVisualEffectView ) ให้ใช้drawViewHierarchyInRect: afterScreenUpdates เท่านั้นเท่านั้น

คำตอบของ @ViJay Avhadถูกต้องสำหรับกรณีนี้

การใช้ UIGraphicsImageRenderer จะไม่ทำงานเมื่อมุมมองมีมุมมองย่อยของ Scene Kit, Metal หรือ Sprite Kit ในกรณีเหล่านี้ให้ใช้

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

please try below code.
-(UIImage *)getMainImageFromContext
{
UIGraphicsBeginImageContextWithOptions(viewBG.bounds.size, viewBG.opaque, 0.0);
[viewBG.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage * img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return img;
}