Làm thế nào để chuyển đổi một UIView thành một hình ảnh

Tôi muốn chuyển đổi UIView thành hình ảnh và lưu nó trong ứng dụng của mình. Ai đó có thể vui lòng cho tôi biết cách chụp ảnh màn hình của một chế độ xem hoặc chuyển đổi nó thành một hình ảnh và cách tốt nhất để lưu nó trong một ứng dụng (Không phải thư viện ảnh) là gì? Đây là mã cho chế độ xem:

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)

Một phần mở rộng trên UIViewsẽ thực hiện thủ thuật.

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 không khuyến khích sử dụng UIGraphicsBeginImageContextbắt đầu từ iOS 10 với sự ra đời của gam màu P3. UIGraphicsBeginImageContextchỉ là sRGB và 32-bit. Họ đã giới thiệu UIGraphicsImageRendererAPI mới được quản lý hoàn toàn bằng màu, dựa trên khối, có các lớp con cho PDF và hình ảnh, đồng thời tự động quản lý thời gian tồn tại của ngữ cảnh. Hãy xem WWDC16 phiên 205 để biết thêm chi tiết (kết xuất hình ảnh bắt đầu vào khoảng 11:50)

Để đảm bảo rằng nó hoạt động trên mọi thiết bị, hãy sử dụng #availabledự phòng cho các phiên bản iOS cũ hơn:

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

bạn có thể sử dụng tiện ích mở rộng

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

Đây là phiên bản 3/4 nhanh chóng:

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

Chuyển đổi UIView của bạn để hình ảnh bằng cách drawViewHierarchyInRect: afterScreenUpdates: đó là nhanh hơn so với renderInContext nhiều lần

Lưu ý quan trọng: không gọi hàm này từ viewDidLoad hoặc viewWillAppear , hãy đảm bảo rằng bạn đang chụp một chế độ xem sau khi nó được hiển thị / tải đầy đủ

Mục tiêu C

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

     myImageView.image =  snapshotImageFromMyView;

Lưu hình ảnh đã chỉnh sửa Album ảnh

     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

Tổng quát hóa siêu dễ dàng với tiện ích mở rộng, 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)

Trên 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)!)
    }
}

Phương pháp hay nhất kể từ iOS 10 và Swift 3

trong khi vẫn hỗ trợ iOS 9 trở về trước vẫn hoạt động như 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()
        }
    }
}

Tôi không chắc câu hỏi có nghĩa là gì bởi:

cách tốt nhất để lưu nó trong một ứng dụng (Không phải thư viện ảnh) là gì?

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

Ví dụ: nếu tôi có chế độ xem kích thước: 50 50 ở 100,100. Tôi có thể sử dụng cách sau để chụp ảnh màn hình:

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

Theo ý kiến ​​của tôi, cách tiếp cận với trình khởi tạo không phải là tuyệt vời vì nó tạo ra hai hình ảnh.

Tôi thích điều này:

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

Mẫu vật

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)

Điều này phù hợp với tôi cho Xcode 9 / Swift 3.2 / Swift 4 và 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!
 }

Đây là cách sử dụng nó bên trong một hàm:

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

Đây là cách thực hiện điều gì đó với hình ảnh được trả về từ hàm:

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

Tôi đã nhận được câu trả lời Xcode 9 / Swift 3.2 / Swift 4 từ Paul Hudson để chuyển đổi uiview thành uiimage

Tôi đã nhận được Xcode 8 / Swift 3 từ một nơi nào đó trên SO một thời gian dài trước đây và tôi đã quên ở đâu :(

var snapshot = overView.snapshotViewAfterScreenUpdates(false)

hoặc trong mục tiêu-c

UIView* snapshot = [overView snapshotViewAfterScreenUpdates:NO];

Bạn có thể sử dụng nó một cách dễ dàng bằng cách sử dụng tiện ích mở rộng như thế này

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

Nếu bạn muốn sử dụng các biến / phương thức mở rộng đó, hãy triển khai

1. Tiện ích mở rộng hình ảnh

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

2. Tiện ích mở rộng 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. Tiện ích mở rộng ứng dụng UIA

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

hoặc iOS 10+, bạn có thể sử dụng UIGraphicsImageRenderer mới + drawHierarchy được đề xuất, trong một số trường hợp có thể nhanh hơn nhiều so với 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)
        }
    }
}

Cảm ơn @Bao Tuan Diep! Tôi muốn thêm một chất bổ sung.

Khi bạn sử dụng mã:

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

Bạn phải lưu ý rằng:

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

Sau đó, bạn phải sử dụng :

[yourView setNeedsLayout];
[yourView layoutIfNeeded];

để cập nhật yourViewtrước yourView.layer.render(in:UIGraphicsGetCurrentContext()!).

Nếu không, bạn có thể nhận được một đối tượng hình ảnh không chứa phần tử

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

    } 
}

sử dụng:

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

Triển khai trong Swift 3 :

Thêm mã bên dưới, ngoài phạm vi lớp học.

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

Sử dụng :

let image = UIImage( Your_View_Outlet )

Tôi đã triển khai phương pháp của @Naveed J. như thế này và nó hoạt động như một sự quyến rũ.

Đây là phạm vi của anh ấy:

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

Đây là cách tôi thực hiện nó.

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

Trình khởi tạo với UIGraphicsImageRenderer mới có sẵn kể từ 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)!)
  }
}

làm việc tốt với tôi!

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

    }

Đối với chế độ xem chứa chế độ xem phụ bị mờ (ví dụ: phiên bản UIVisualEffectView ), chỉ drawViewHierarchyInRect: afterScreenUpdates hoạt động.

Câu trả lời của @ViJay Avhad là chính xác cho trường hợp này.

Việc sử dụng UIGraphicsImageRenderer không hoạt động khi chế độ xem có chứa các lượt xem phụ Bộ công cụ cảnh, các chế độ xem Bộ kim loại hoặc Sprite. Trong những trường hợp này, hãy sử dụng

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