iosswiftuiprintinteractioncntrleruiprintformatter

How to print an UIImage with scale to page for UIPrintInfo in Swift 3?

I have an UIView with subviews like below mentioned image.

enter image description here

Here I have to print or share marked - view.

For Sharing, I convert the marked UIView to PDF and share it in Email. It is working Perfectly what my client expected.

For Printing, I convert the marked UIView to UIImage and print it. It is also working, But what I except is have to print that converted UIImage with scale to page. But the receipt printing is too small like below mentioned image (Epson TM-T88V printer).

enter image description here

My code to convert UIView to UIImage:

extension UIView {
    func toImage() -> UIImage {
        UIGraphicsBeginImageContextWithOptions(bounds.size, false, UIScreen.main.scale)
        drawHierarchy(in: self.bounds, afterScreenUpdates: false)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image!
    }
}

My code for printing the image:

@IBAction func act_PrintBtnPressed(_ sender: UIButton) {
    m_PrintView.frame.size.height = view.frame.size.height
    let printInfo = UIPrintInfo(dictionary:nil)
    printInfo.outputType = UIPrintInfoOutputType.photo
    printInfo.jobName = "PrintingReceipt"
    printInfo.orientation = .portrait

    let printController = UIPrintInteractionController.shared
    printController.printInfo = printInfo
    printController.printingItem = m_PrintView.toImage()
    printController.showsNumberOfCopies = false
    printController.present(animated: true, completionHandler: nil)
}

And lastly how to set number of copies have to print in code itself. Because I don't want to set number of copies in UI, so I set printController.showsNumberOfCopies as false.

Please guide me to create this.

Solution

  • Finally I found it by myself. I created the uicontrols value by htmlString. And used UIPrintPageRenderer like below mentioned.

    class TicketPrintPageRenderer: UIPrintPageRenderer {
    let receipt: String

    init(receipt: String) {
        self.receipt = receipt
        super.init()

        self.headerHeight = 0.0
        self.footerHeight = 0.0 // default

        let formatter = UIMarkupTextPrintFormatter(markupText: receipt)
        formatter.perPageContentInsets = UIEdgeInsets(top: 2, left: 2,
                                                      bottom: 2, right: 2)
        addPrintFormatter(formatter, startingAtPageAt: 0)
    }
}

    Here am creating the controls value to html string like below mentioned:

    func createHTMLString(ticketDetail: Ticket, QRImage: UIImage) {
        let priceStr = String(format: "$%.02f", ticketDetail.price!)

        let storeLogoImage: String = self.getImage(imageName: "storeLogo")
        let qrCodeImagePath: String = self.getImage(imageName: "qrCode")
        printHtmlString = "<html lang=\"en\"><head><meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\"><title>Document</title><style>body {font-family: sans-serif;}.top_Content {text-align: center;padding-top: 10px;}.margin_8 {margin: 8px auto;}.fontstyle_normal {font-weight: normal;}.float_left {float: left;}.float_right {float: right;}.vl {border-left: 2px solid rgb(0, 0, 0);height: 40px;position: absolute;left: 50%;}.container_body{text-align: center;font-weight: normal;}.squareBackground {background-color: rgb(162, 161, 159);width: 100px;height: 100px;}</style></head><body><div><div class=\"top_Content\"><img src=\"file://\(storeLogoImage)\" alt=\"laundryboss_logo\" height=\"100px\"><h3 class=\"margin_8 fontstyle_normal\">\(EmployeeModel.sharedInstance.currentEmployee.employeeSelectedLocation.customerName!)</h3><h4 class=\"margin_8 fontstyle_normal\">\(EmployeeModel.sharedInstance.currentEmployee.employeeSelectedLocation.locationName!)</h4><h3 style=\"width:40%; padding-left: 17px; font-size:1em;\" class=\"float_left margin_8 fontstyle_normal\">Date : \((self.printShareViewModel?.splitDateandTime(createdAt: ticketDetail.ticketDate).createdDate)!)</h3><!-- <span>&#10072</span> --><div class=\"vl\"></div><h3 style=\"width:40%; padding-right: 17px; font-size:1em;\" class=\"float_right margin_8 fontstyle_normal\">Time : \((self.printShareViewModel?.splitDateandTime(createdAt: ticketDetail.ticketDate).createdTime)!)</h3><h2 style=\"margin: 0;clear: both;padding-top: 14px; font-size:1.2em;\" class=\"fontstyle_normal\">Ticket #\(ticketDetail.ticketNumber!)</h2><h2 style=\"margin: 0;clear: both;padding-top: 14px; font-size:1.2em;\" class=\"fontstyle_normal\">\(ticketDetail.user.name!)</h2><div style=\"display: table;margin: 0 auto;padding-top: 16px;\"><h2 style=\"margin: 0; font-size:1.2em;\" class=\"float_left fontstyle_normal\">Phone :</h2><h3 style=\"margin: 0; font-size:1.2em; padding-left:6px;\" class=\"float_left fontstyle_normal\">\(ticketDetail.user.phone!)</h3></div><p style=\"margin: 0;padding-top: 16px; font-size:1.2em;\">\(ticketDetail.notes!)</p><div style=\"display: table;margin: 0 auto;padding-top: 16px;\"><h2 style=\"margin: 0; font-size:1.2em;\" class=\"float_left fontstyle_normal\">Price :</h2><h3 style=\"margin: 0; font-size:1.2em; padding-left:6px;\" class=\"float_left fontstyle_normal\">\(priceStr)</h3></div><div style=\"margin: 0 auto;display: table; margin-top: 16px;\" class=\"squareBackground\"><!-- <div class=\"squareBackground\"> --><img src=\"file://\(qrCodeImagePath)\" alt=\"Qr_code\" width=\"90\" height=\"90\" align=\"middle\" style=\"padding:5px;\"><!-- </div> --></div></div></div></body></html>"
    }

    Now When user taps the print button: 

    @IBAction func act_PrintBtnPressed(_ sender: UIButton) {   
        let formatter = TicketPrintPageRenderer(receipt: printHtmlString)
        let printController = UIPrintInteractionController.shared
        printController.showsNumberOfCopies = true
        printController.showsPageRange = false
        printController.printPageRenderer = formatter
        printController.present(animated: true) { (controller, success, errorMsg) in
            if success {
                print("*************** Print Successfully")
            } else {
                print("*************** Print Failed : \(errorMsg?.localizedDescription)")
            }
        }
    }

    It meets what I excepted.