pdfの合成の仕方が分からない

Question

前提・実現したいこと

画像のように、PDFとPDFをくっつけてひとつのPDFにし、それをiPhone画面で確認できるようにした後、印刷できるようにしたいです。
ですが、どのようにPDFとPDFをくっつければいいのかわかりません。

左側はアプリ内でローカル保存したPDF。
右側はアプリ内にあらかじめ取り込んだPDFです。

あと、できれば真ん中に点線を入れたいです。

考え方など、ご教授よろしくお願いいたします。

該当のソースコード

ローカル保存するVC

@IBAction func push(_ sender: Any) {
        print("push")


        let pdfData = NSMutableData()
        UIGraphicsBeginPDFContextToData(pdfData, self.view.bounds, nil)
        UIGraphicsBeginPDFPage()

        guard let pdfContext = UIGraphicsGetCurrentContext() else { return }
        self.view.layer.render(in: pdfContext)
        UIGraphicsEndPDFContext()

        if let documentDirectories = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true).first {
            let documentsFileName = documentDirectories + "/test.pdf"
            UserDefaults.standard.set(documentsFileName, forKey:"filePath")
            debugPrint(documentsFileName)
            pdfData.write(toFile: documentsFileName, atomically: true)
        }

    }

PDFとPDFを合成したいVC

import UIKit
import PDFKit

class PhotoT: UIViewController {
    
///A4+A4
    
    
    @IBOutlet weak var left: UIImageView!
    @IBOutlet weak var right: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        

        // プロジェクトにあらかじめ取り込んでおいたPDFの読み込み (右側に配置したいPDF) 
        let binsenhoge = UserDefaults.standard.integer(forKey: "selectedTag") 
        let binsenpath: String = Bundle.main.path(forResource: "huto(binsenhoge)", ofType: "pdf")!
        print("くっつけるのは")
        print(binsenpath)
   
    
        drawPDFfromURL(url: binsenpath)
        
    
    
    }
    
    
    func drawPDFfromURL(url: URL) -> UIImage? {
        
        
        guard let document = CGPDFDocument(url as CFURL) else { return nil }
        guard let page = document.page(at: 1) else { return nil }
        
        let pageRect = page.getBoxRect(.mediaBox)
        let renderer = UIGraphicsImageRenderer(size: pageRect.size)
        let img = renderer.image { ctx in
            UIColor.white.set()
            ctx.fill(pageRect)
            
            ctx.cgContext.translateBy(x: 0.0, y: pageRect.size.height)
            ctx.cgContext.scaleBy(x: 1.0, y: -1.0)
            
            ctx.cgContext.drawPDFPage(page)
        }
        
        return img
    }
    

##エラー

drawPDFfromURL(url: binpath)

Cannot convert value of type 'String' to expected argument type 'URL'

###アドバイスを受けて

該当のファイルを表示させることができるようになりました。

ですが不具合が起きています。
保存したPDFを確認すると上に余白はほとんどない状態なのですが、UIImageView(aspect fit)で表示すると下のように表示されてしまいます。

PDFとしてローカル保存した際のコード

 @IBAction func push(_ sender: Any) {
        print("push")

    
        let x = getimage.frame.origin.x
        let y = getimage.frame.origin.y
        //UIImageView(getimage)のサイズ取得
        let imageWidth = self.getimage.frame.width
        let imageHeight = self.getimage.frame.height
        
        
        let pdfData = NSMutableData()
       // ↓ -yとすることでNavigationbarとステータスバーの下からPDFを保存することができました
        UIGraphicsBeginPDFContextToData(pdfData, CGRect(x: x, y: -y, width: imageWidth, height: imageHeight), nil)
        UIGraphicsBeginPDFPage()
        
        guard let pdfContext = UIGraphicsGetCurrentContext() else { return }
        self.view.layer.render(in: pdfContext)
        UIGraphicsEndPDFContext()
        
        if let documentDirectories = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true).first {
            let documentsFileName = documentDirectories + "/test.pdf"
            UserDefaults.standard.set(documentsFileName, forKey:"filePath")
            debugPrint(documentsFileName)
            pdfData.write(toFile: documentsFileName, atomically: true)
        }

    }

clip to Bounds

補足情報（FW/ツールのバージョンなど）

Swiftのversionは4.1.2
Xcodeのversionは9.4.1

Comments

[hameji001]

おそらくですが、印刷を想定していますし、
それにはまずサイズを指定しないといけないのではないでしょうか？
A4, B4とかですか？

[mimamo]

AirprintだとpdfはA4で印刷されるみたいなので、A5サイズ(右側のpdf)とA5サイズ(左側のpdf)をくっつけたA4で印刷したいと思っています。

Answer 1

英語のサイトになりますが、PDF -> UIImageViewの変換が書いてあるので、

https://www.hackingwithswift.com/example-code/core-graphics/how-to-render-a-pdf-to-an-image

これを利用して、UIImageView、UIImageViewに並べて表示して、
間の点線もUIImageで用意して、合わせた後、
再度PDFに変換すればいいのではないでしょうか？

Comments

[mimamo]

お返事遅くなりすみません。ご回答ありがとうございます！
PDFからUIImageViewに変換することができるのですね！　
そのやり方でやってみようと思いコーディングしてみたのですが理解が進まず、またエラーも出てしまいました、、。
質問本文のコードを変更させていただきました。

ご教授お願いいたします。

[hameji001]

参照HPのコードのとこ、URLをファイルパスに置き換えるだけで、
簡単に表示できましたが、、、

Xcodeのプロジェクト内にpdfファイルを起き、
single viewにUIImageとUIButtonをstoryboardで配置し、
ボタンを押したタイミングで、UIImageにimageをセットするだけですよ。
mimamoさんのコードのように最初からでもいいですが。

コードを見ると、間違えてるとこがわかりました。
func drawPDFfromURL(url: URL) -> UIImage? {}の 「-> UIImage?」
の意味をよく考えてください。
つまり「返り値 swift」と検索して、勉強してみてください。
また、func 内の最後にあるreturnが何を意味してるかも考えてくださいね。
https://dev.classmethod.jp/smartphone/swift-function-tuple/
今後も、この考え方は必要で大事ですから。
勉強して、身につけてくださいね。

[mimamo]

ありがとうございます。返り値がUIImage型で出力されるということなのでUIImageとして扱ってみたのですが同様のエラーが出てしまいました。

変更点
｀｀｀
var image1:UIImage! ←追加

override func viewDidLoad() {
super.viewDidLoad()

image1 = drawPDFfromURL(url: binpath) ←変更
right.image = image1

}
｀｀｀

[hameji001]

自分の時は問題なくできましたよ。

疑わしいのはurlだと思います。
mimamoさんのurlの中身がわかりませんが、
自分は"test.pdf"というファイルをプロジェクトに含めたなら、
let pdfName = "test.pdf"
let url = Bundle.main.bundleURL.appendingPathComponent(pdfName)
で表示されましたよ。

ちなみに、直接
right.image = drawPDFfromURL(url: XXXXX)で大丈夫ですよ。

[mimamo]

ありがとうございます。ファイル名を直接入力しちゃってよかったのですね。
右左、どちらも表示させることができました！
なのですが、ローカル保存したPDFがおかしい感じで表示されています。これはなにが原因なのでしょうか、、ご教授よろしくお願いします。

[hameji001]

オフセットされているので、
故意的にずらせばいいのではないでしょうか？
「swift view オフセット」で検索を。

[mimamo]

ありがとうございます。
オフセットされているということですが、ローカル保存したPDFがUIimageviewに表示される時にオフセットされているということでしょうか。

[hameji001]

きっとそういう仕様？なのかと思います。
自分の時もそうなってました。

[mimamo]

ありがとうございます。
以下のようにコーディングしてみました。

@IBOutlet weak var left: UIImageView!
@IBOutlet weak var right: UIImageView!

var Imagerect: CGRect

override func viewDidLoad() {
super.viewDidLoad()

// プロジェクトにあらかじめ取り込んでおいたPDFの読み込み (右側に配置したい)
let binhoge = UserDefaults.standard.integer(forKey: "selectedTag")
let rightpdfName = "huto(binhoge).pdf"
let righturl = Bundle.main.bundleURL.appendingPathComponent(rightpdfName)

print("右側のPDF")

right.image = drawPDFfromURL(url: righturl)

right.frame = CGRect.offsetBy(0,64) ←追加コード　オフセット？

// 作成したローカルPDFの読み込み
let filePath0 = UserDefaults.standard.string(forKey:"filePath")
let leftpdfURL = URL(fileURLWithPath: filePath0!)

print("左側のPDF")
left.image = drawPDFfromURL(url: leftpdfURL)

}

オフセットらしきコードをつけた後、
Instance member 'offsetBy' cannot be used on type 'CGRect'; did you mean to use a value of this type instead?
というエラーが発生してしまいました。

[hameji001]

調べてみました。
offsetよりこっちの方がいいかもしれません。
https://dev.classmethod.jp/smartphone/iphone/uiimageview-aspectfill-clipsubviews/

cImageView.contentMode = .topLeft
これでどうでしょう？

[mimamo]

ありがとうございます。
storyboardで、clip to Boundsにチェックをいれ、contentModeをTop Leftにしたら上の画像のようになってしまいました。

[hameji001]

あとは、imageviewの表示の仕方だけです。本題とはそれますし、
自分のプログラムですし、言われたことだけをするのではなく、
自分で調べたり工夫してください。

自分もそうですが、trial and errorの精神が大事です。
https://teratail.com/questions/166765#reply-250343
この時と似たようなことじゃないんですか？

[mimamo]

ありがとうございます。
そうですね、、本題とはだいぶ逸れてしまっていますね、すみません。

以前ご回答頂いたものをきっかけに、どこか数値をいじれるとこがあるのではないかと思いいろいろいじってみました。
func drawPDFfromURL(url: URL) -> UIImage? {
ctx.cgContext.translateBy(x: 0.0, y: pageRect.size.height)
}
のpageRect.size.heightを変えることで表示したいように表示できました。
ありがとうございました！

[hameji001]

お疲れ様でした。
imageViewは自分のアプリではあまり使用してないので、勉強になります。
お互いアプリ公開に向けて、頑張りましょう！
多少強引なプログラミングでも、まずは公開にたどり着くことが大事ですよね。

[mimamo]

そうですね！
お互い頑張りましょう！！

Answer 2

きちんとA4で印刷できるかどうかはわかりませんが、
SwiftでUIViewを簡単にPDFで保存できるライブラリがあります

GitHub sgr-ksmt / PDFGenerator

Viewに並べて表示したPDFを合成できるかどうかはわかりませんが、
このライブラリは、たいていのUIVIewはきれいに保存してくれるので、
試してみる価値はあると思います。

Comments

[mimamo]

お返事遅くなりすみません。
ご回答ありがとうございます！　質問がわかりづらくて申し訳ないです。
UIViewをPDFに保存することはできたのですが、その保存したPDFを別の既存のPDFとくっつけて保存したいなと思っています。

[退会済みユーザー]

このライブラリはUIView全体をPDFに変換するもので、
画面にPDFを２つ同時に表示すると、その状態をPDFに変換できるのでは、
という意味で回答しました。

[mimamo]

ありがとうございます！
ひとまず、PDFをふたつ表示させる必要があるということですね、、
質問本文のように、今PDFを２つ表示させる方法にトライしています。

[退会済みユーザー]

PDFはUIWebViewで表示すると簡単ですし、テキストデータもそのまま選択できるようになります。
また、そのUIWebViewをPDFGeneratorで保存すると、テキスト選択できるPDFになるので、容量削減や使い勝手などで利点があります。

このページがとても参考になると思います。

【swift】ライブラリを使ってhtmlをpdfデータとして保存しwebViewで表示＆動的に書き換える
https://qiita.com/narukun/items/8c78eae6c9b393d20782

[mimamo]

ありがとうございます。文字が入っていると格段に使いやすさを実感できそうですね！ htmlからPDFを使う際はこちらをトライしてみようと思います。