Як конвертувати UIView у PDF у iOS?


87

Існує багато ресурсів про те, як відображати PDF у програмі UIView. Зараз я працюю над створенням PDF-файлу UIViews.

Наприклад, у мене є UIView, з підвидами , як TextViews, UILabels, UIImages, так як я можу перетворити масштабно UIView , як в цілому , включаючи всі його підвиди і subsubviews в формат PDF?

Я перевірив посилання Apple на iOS . Однак мова йде лише про запис фрагментів тексту / зображення у файл PDF.

Проблема, з якою я стикаюся, полягає в тому, що вмісту, який я хочу записати у файл у форматі PDF, дуже багато. Якщо я напишу їх у PDF поштучно, це буде величезна робота. Ось чому я шукаю спосіб писати UIViewsу PDF-файли або навіть у растрові зображення.

Я спробував вихідний код, який скопіював з інших запитань / відповідей у ​​Stack Overflow. Але це дає мені лише порожній PDF із UIViewрозміром меж.

-(void)createPDFfromUIView:(UIView*)aView saveToDocumentsWithFileName:(NSString*)aFilename
{
    // Creates a mutable data object for updating with binary data, like a byte array
    NSMutableData *pdfData = [NSMutableData data];

    // Points the pdf converter to the mutable data object and to the UIView to be converted
    UIGraphicsBeginPDFContextToData(pdfData, aView.bounds, nil);
    UIGraphicsBeginPDFPage();

    // draws rect to the view and thus this is captured by UIGraphicsBeginPDFContextToData
    [aView drawRect:aView.bounds];

    // remove PDF rendering context
    UIGraphicsEndPDFContext();

    // Retrieves the document directories from the iOS device
    NSArray* documentDirectories = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask,YES);

    NSString* documentDirectory = [documentDirectories objectAtIndex:0];
    NSString* documentDirectoryFilename = [documentDirectory stringByAppendingPathComponent:aFilename];

    // instructs the mutable data object to write its context to a file on disk
    [pdfData writeToFile:documentDirectoryFilename atomically:YES];
    NSLog(@"documentDirectoryFileName: %@",documentDirectoryFilename);
}

Відповіді:


124

Зверніть увагу, що наступний метод створює лише растрове зображення подання; це не створює фактичної типографіки.

(void)createPDFfromUIView:(UIView*)aView saveToDocumentsWithFileName:(NSString*)aFilename
{
    // Creates a mutable data object for updating with binary data, like a byte array
    NSMutableData *pdfData = [NSMutableData data];

    // Points the pdf converter to the mutable data object and to the UIView to be converted
    UIGraphicsBeginPDFContextToData(pdfData, aView.bounds, nil);
    UIGraphicsBeginPDFPage();
    CGContextRef pdfContext = UIGraphicsGetCurrentContext();


    // draws rect to the view and thus this is captured by UIGraphicsBeginPDFContextToData

    [aView.layer renderInContext:pdfContext];

    // remove PDF rendering context
    UIGraphicsEndPDFContext();

    // Retrieves the document directories from the iOS device
    NSArray* documentDirectories = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask,YES);

    NSString* documentDirectory = [documentDirectories objectAtIndex:0];
    NSString* documentDirectoryFilename = [documentDirectory stringByAppendingPathComponent:aFilename];

    // instructs the mutable data object to write its context to a file on disk
    [pdfData writeToFile:documentDirectoryFilename atomically:YES];
    NSLog(@"documentDirectoryFileName: %@",documentDirectoryFilename);
}

Також переконайтеся, що ви імпортуєте: QuartzCore / QuartzCore.h


2
+1 Я переглянув кілька публікацій щодо створення PDF-файлів, перш ніж знайти це просте рішення.
Джейсон Джордж

7
Я хотів зробити те саме, і ваш метод, здається, працює нормально, але якість його дуже низька. Я щось пропустив?
iEamin

7
Я підозрюю, що якість досить низька, тому що вона бере UIView і перетворює його в растр, де як і інші методи візуалізації тексту та зображень безпосередньо зберігає їх як вектори у файлі PDF.
joshaidan

3
Я дотримуюсь цього методу, але отримую порожній PDF-файл. хто-небудь може мені допомогти?
Радж

Це чудово працює !!! ура! Єдина проблема у мене - це створення PDF-файлу лише на одній сторінці. Як я можу відокремити сторінки замість того, щоб мати довгий файл PDF?!
Руді

25

Крім того, якщо комусь цікаво, ось код Swift 3:

func createPdfFromView(aView: UIView, saveToDocumentsWithFileName fileName: String)
{
    let pdfData = NSMutableData()
    UIGraphicsBeginPDFContextToData(pdfData, aView.bounds, nil)
    UIGraphicsBeginPDFPage()

    guard let pdfContext = UIGraphicsGetCurrentContext() else { return }

    aView.layer.render(in: pdfContext)
    UIGraphicsEndPDFContext()

    if let documentDirectories = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true).first {
        let documentsFileName = documentDirectories + "/" + fileName
        debugPrint(documentsFileName)
        pdfData.write(toFile: documentsFileName, atomically: true)
    }
}

1
це створення PDF лише для firstPage! як щодо прокрутки?
Саураб Праджапаті,

Чудове питання! Однак мене запитати не я. Можливо, розпочати інше питання?
retrovius

У мене така сама проблема тоді @SaurabhPrajapati, і я створив запитання
Jonas Deichelmann

10

Якщо комусь цікаво, ось код Swift 2.1:

    func createPdfFromView(aView: UIView, saveToDocumentsWithFileName fileName: String)
    {
        let pdfData = NSMutableData()
        UIGraphicsBeginPDFContextToData(pdfData, aView.bounds, nil)
        UIGraphicsBeginPDFPage()

        guard let pdfContext = UIGraphicsGetCurrentContext() else { return }

        aView.layer.renderInContext(pdfContext)
        UIGraphicsEndPDFContext()

        if let documentDirectories = NSSearchPathForDirectoriesInDomains(.DocumentDirectory, .UserDomainMask, true).first {
            let documentsFileName = documentDirectories + "/" + fileName
            debugPrint(documentsFileName)
            pdfData.writeToFile(documentsFileName, atomically: true)
        }
    }

Ваша заява на захисті означає, що UIGraphicsEndPDFContext () не викликається - можливо, додати відстрочку раніше?
David H

@DavidH дякую, Девід, гарна ідея! Крім того, я думаю, є гарна ідея додати блок завершення completion: (success: Bool) -> ()для справ повернення охоронців
Денис Румянцев

1
Вчора я опублікував запитання про те, як створити зображення з високою роздільною здатністю, зробивши вигляд у великому зображенні, а потім зацікавивши малюнок у PDF: stackoverflow.com/a/35442187/1633251
Девід Х

5

Надзвичайно простий спосіб створити PDF із UIView - це використання розширення UIView

Свіфт 4.2

extension UIView {

  // Export pdf from Save pdf in drectory and return pdf file path
  func exportAsPdfFromView() -> String {

      let pdfPageFrame = self.bounds
      let pdfData = NSMutableData()
      UIGraphicsBeginPDFContextToData(pdfData, pdfPageFrame, nil)
      UIGraphicsBeginPDFPageWithInfo(pdfPageFrame, nil)
      guard let pdfContext = UIGraphicsGetCurrentContext() else { return "" }
      self.layer.render(in: pdfContext)
      UIGraphicsEndPDFContext()
      return self.saveViewPdf(data: pdfData)

  }

  // Save pdf file in document directory
  func saveViewPdf(data: NSMutableData) -> String {  
    let paths = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask)
    let docDirectoryPath = paths[0]
    let pdfPath = docDirectoryPath.appendingPathComponent("viewPdf.pdf")
    if data.write(to: pdfPath, atomically: true) {
        return pdfPath.path
    } else {
        return ""
    }
  }
}

Кредит: http://www.swiftdevcenter.com/create-pdf-from-uiview-wkwebview-and-uitableview/


Дякую, це спрацювало, одне питання, отже, у мене довгий прокручування, але файл PDF показує лише його частину, тож чи є спосіб налаштувати ваш код, наприклад, надати йому висоту?
Hussein Elbeheiry

@HusseinElbeheiry просто використовуйте contentView для створення pdf. Коли я створюю scrollView (UIScrollView), я обов’язково створюю contentView (UIView) і поміщаю contentView в scrollView, і додаю всі наступні елементи до contentView. У цьому випадку для створення PDF-документа досить використовувати contentView. contentView.exportAsPdfFromView
iAleksandr

3

З Swift 5 / прошивкою 12, ви можете об'єднати CALayer«s render(in:)метод з UIGraphicsPDFRenderer" s writePDF(to:withActions:)метод для того , щоб створити PDF - файл з UIViewпримірника.


Наступний приклад коду майданчика показує, як використовувати render(in:)та writePDF(to:withActions:):

import UIKit
import PlaygroundSupport

let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
view.backgroundColor = .orange
let subView = UIView(frame: CGRect(x: 20, y: 20, width: 40, height: 60))
subView.backgroundColor = .magenta
view.addSubview(subView)

let outputFileURL = PlaygroundSupport.playgroundSharedDataDirectory.appendingPathComponent("MyPDF.pdf")
let pdfRenderer = UIGraphicsPDFRenderer(bounds: view.bounds)

do {
    try pdfRenderer.writePDF(to: outputFileURL, withActions: { context in
        context.beginPage()
        view.layer.render(in: context.cgContext)
    })
} catch {
    print("Could not create PDF file: \(error)")
}

Примітка: для того, щоб використовувати playgroundSharedDataDirectoryна своєму майданчику, спочатку потрібно створити папку під назвою "Shared Playground Data" у вашій папці macOS "Documents".


UIViewControllerПідклас повна реалізація нижче показує можливий спосіб реорганізувати попередній приклад для додатка IOS:

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

        let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
        view.backgroundColor = .orange
        let subView = UIView(frame: CGRect(x: 20, y: 20, width: 40, height: 60))
        subView.backgroundColor = .magenta
        view.addSubview(subView)

        createPDF(from: view)
    }

    func createPDF(from view: UIView) {
        let documentDirectory = FileManager.default.urls(for: .documentDirectory, in: .userDomainMask).first!
        let outputFileURL = documentDirectory.appendingPathComponent("MyPDF.pdf")
        print("URL:", outputFileURL) // When running on simulator, use the given path to retrieve the PDF file

        let pdfRenderer = UIGraphicsPDFRenderer(bounds: view.bounds)

        do {
            try pdfRenderer.writePDF(to: outputFileURL, withActions: { context in
                context.beginPage()
                view.layer.render(in: context.cgContext)
            })
        } catch {
            print("Could not create PDF file: \(error)")
        }
    }

}

2

Це створить PDF з UIView та відкриє діалогове вікно друку, мета C. Прикріпити - (IBAction)PrintPDF:(id)senderдо своєї кнопки на екрані. Додайте #import <QuartzCore/QuartzCore.h>фреймворк

Файл H

    @interface YourViewController : UIViewController <MFMailComposeViewControllerDelegate,UIPrintInteractionControllerDelegate>

    {
    UIPrintInteractionController *printController;
    }

- (IBAction)PrintPDF:(id)sender;

M-файл

-(void)createPDFfromUIView:(UIView*)aView saveToDocumentsWithFileName:(NSString*)aFilename

{
    NSMutableData *pdfData = [NSMutableData data];

    UIGraphicsBeginPDFContextToData(pdfData, aView.bounds, nil);
    UIGraphicsBeginPDFPage();
    CGContextRef pdfContext = UIGraphicsGetCurrentContext();


    [aView.layer renderInContext:pdfContext];
    UIGraphicsEndPDFContext();

    NSArray* documentDirectories = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask,YES);

    NSString* documentDirectory = [documentDirectories objectAtIndex:0];
    NSString* documentDirectoryFilename = [documentDirectory stringByAppendingPathComponent:aFilename];
    NSString *file = [documentDirectory stringByAppendingPathComponent:@"yourPDF.pdf"];
    NSURL *urlPdf = [NSURL fileURLWithPath: file];

    [pdfData writeToFile:documentDirectoryFilename atomically:YES];
    NSLog(@"documentDirectoryFileName: %@",documentDirectoryFilename);

}


- (IBAction)PrintPDF:(id)sender
{
    [self createPDFfromUIView:self.view saveToDocumentsWithFileName:@"yourPDF.pdf"];

    NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
    NSString *documentsDirectory = [paths objectAtIndex:0];
    NSString *path = [documentsDirectory stringByAppendingPathComponent:@"yourPDF.pdf"];
    NSData *myData = [NSData dataWithContentsOfFile: path];

    UIPrintInteractionController *pic = [UIPrintInteractionController sharedPrintController];
    if(pic && [UIPrintInteractionController canPrintData: myData] ) {

        pic.delegate = self;

        UIPrintInfo *printInfo = [UIPrintInfo printInfo];
        printInfo.outputType = UIPrintInfoOutputGeneral;
        printInfo.jobName = [path lastPathComponent];
        printInfo.duplex = UIPrintInfoDuplexLongEdge;
        pic.printInfo = printInfo;
        pic.showsPageRange = YES;
        pic.printingItem = myData;

        void (^completionHandler)(UIPrintInteractionController *, BOOL, NSError *) = ^(UIPrintInteractionController *pic, BOOL completed, NSError *error) {
            //self.content = nil;
            if(!completed && error){

                NSLog(@"Print Error: %@", error);
            }
        };

        [pic presentAnimated:YES completionHandler:completionHandler];

    }

}

-4

Не знаю чому, але відповідь Casilic дає мені порожній екран на iOS6.1. Код нижче працює.

-(NSMutableData *)createPDFDatafromUIView:(UIView*)aView 
{
    // Creates a mutable data object for updating with binary data, like a byte array
    NSMutableData *pdfData = [NSMutableData data];

    // Points the pdf converter to the mutable data object and to the UIView to be converted
    UIGraphicsBeginPDFContextToData(pdfData, aView.bounds, nil);
    UIGraphicsBeginPDFPage();
    CGContextRef pdfContext = UIGraphicsGetCurrentContext();


    // draws rect to the view and thus this is captured by UIGraphicsBeginPDFContextToData

    [aView.layer renderInContext:pdfContext];

    // remove PDF rendering context
    UIGraphicsEndPDFContext();

    return pdfData;
}


-(NSString*)createPDFfromUIView:(UIView*)aView saveToDocumentsWithFileName:(NSString*)aFilename
{
    // Creates a mutable data object for updating with binary data, like a byte array
    NSMutableData *pdfData = [self createPDFDatafromUIView:aView];

    // Retrieves the document directories from the iOS device
    NSArray* documentDirectories = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask,YES);

    NSString* documentDirectory = [documentDirectories objectAtIndex:0];
    NSString* documentDirectoryFilename = [documentDirectory stringByAppendingPathComponent:aFilename];

    // instructs the mutable data object to write its context to a file on disk
    [pdfData writeToFile:documentDirectoryFilename atomically:YES];
    NSLog(@"documentDirectoryFileName: %@",documentDirectoryFilename);
    return documentDirectoryFilename;
}

16
Це той самий точний код, що і моя відповідь, розбита двома окремими методами ???? Як ви вважаєте, що це вирішило проблему з порожнім екраном, коли це той самий код ??
casillic

Я мав такий самий досвід. Отримав чистий PDF з першого коду. Розділивши це на дві частини, як це зробив Алекс, змусило це працювати. Не можу пояснити, чому.
Том Таллак Сольбу
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.