質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.47%

  • Swift

    8942questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています

UIImageViewを特定のサイズでPDF保存する方法

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 241

mimamo

score 14

前提・実現したいこと

黄色のUIImageView(ピンクのUIImageVIew含む)をPDFとしてアプリ上で作成し、次のプレビュー画面で表示させたいと思っています。
いろいろなサイトを見たのですが、理解ができず進めません。
ご教授、サンプルコードなどありましたらよろしくお願いします。

イメージ説明

pdfを作成するVC↓

  // UserDefaults のインスタンス
    let userDefaults = UserDefaults.standard

    func createPdfFromView(aView: UIView, saveToDocumentsWithFileName fileName: String)
    {
        print("プレビュー画面作成開始")
        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)
            print("プレビュー作成おわり")
            // 保存
            UserDefaults.standard.set(documentsFileName, forKey:"filePath")

        }
    }



    @IBAction func preView(_ sender: UIButton) {

        createPdfFromView(aView: canvasView, saveToDocumentsWithFileName: "test")

    }

pdfを表示するVC

import UIKit
import PDFKit

class ViewController3: UIViewController {

   @IBOutlet weak var pdfView: PDFView!




    override func viewDidLoad() {
        super.viewDidLoad()


        let pdfView = PDFView(frame: view.frame)


        // 読み込み
        let Path = UserDefaults.standard.string(forKey:"filePath")
        let pdfURL = URL(fileURLWithPath: Path)


        let document = PDFDocument(url: pdfURL)
        pdfView.document = document
        pdfView.backgroundColor = .lightGray

        // PDFの拡大率を調整する
        pdfView.autoScales = true
        // 表示モード
        pdfView.displayMode = .singlePageContinuous

        view.addSubview(pdfView)

    }
}

エラー該当箇所

class AppDelegate: UIResponder, UIApplicationDelegate{


Thread 1: signal SIGABRT

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

Swiftのversionは4.1.2
Xcodeのversionは9.4.1

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

checkベストアンサー

0

https://teratail.com/questions/89459

これが参考になりませんか???

と書きましたが、自分でやってみると、上記は理解できませんでした(笑)
作ってみると、下記が参考になりました。
https://code.i-harness.com/ja/q/530e5e
ほぼ、コードはそのままです。
出力するものだけ変更した気がします。

iPhoneをiTunesに接続し、Documentsの中を確認して、
ちゃんと出力されていることを確認しました。

また、コンソールにファイルのパスがprintされていると思うので、
それをuserdefaultsにstringとして一旦格納し、保存。
表示ページではそのパスを読み込んで表示させるようにすればきちんと表示されましたよ。

ちなみにmimamoさんのファイルのパス、ファイル名からして保存、読み出しでズレてますよ。
それではいくらコードが合ってても表示されないですね。

教えておきながらですが、
https://qiita.com/morimorim/items/301cd85f83523b3bb56e の情報は不要です。

UserDefaultsに保存して、下記のサイトのローカルの場合のとこに呼び出し、表示できますよ。
https://qiita.com/ninten320/items/7fbb46e350a44288b933

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
以下、追記1/9

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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/03 23:24

    ご回答ありがとうございます。
    頂いた資料のリンク先からコーディングしてみました。
    https://stackoverflow.com/questions/5443166/how-to-convert-uiview-to-pdf-within-ios

    @IBAction func preView(_ sender: UIButton) {

    print("プレビュー画面作成開始")

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

    guard let pdfContext = UIGraphicsGetCurrentContext() else { return }

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

    if let documentDirectories = NSSearchPathForDirectoriesInDomains(.documentDirectory, .userDomainMask, true).first {
    let documentsFileName = documentDirectories + "/" + "/preview.pdf"
    debugPrint(documentsFileName)
    pdfData.write(toFile: documentsFileName, atomically: true)
    }
    print("プレビュー作成おわり")
    }

    printはできるのですが、作成したpdfの扱い・確認方法がわからず戸惑っています...。

    キャンセル

  • 2019/01/04 19:22 編集

    おそらく、出力されて、documetDicrectoryに保存されている状態です。
    これを表示するには、
    ①別画面(UIViewController)を作成し表示するページを作りましょう。
    ②ボタンを押して、保存後された後に、表示ページに遷移するようにperformSegueとIDをセット
    ③表示するページで、下記を参考に表示してみる、でできると思います。
    ファイルのパス取得 https://qiita.com/morimorim/items/301cd85f83523b3bb56e
    PDFの表示 https://qiita.com/ninten320/items/7fbb46e350a44288b933

    他にもiTunesを利用し、PCと繋いでdocumentsの中をみることができます。
    その方法でもきちんと作成されたか確認できると思います。

    自分の環境で実際に手を動かしてないので、保証はできませんが、
    もし詰まるようだったら、また聞いてください。

    キャンセル

  • 2019/01/06 14:38

    お返事ありがとうございます!
    ③の部分で理解ができず進めない状態にあります。
    質問本文の方にコーディングしたものを載せているのですが、
    頂いた資料を新しく作ったUIViewControllerにただそのまま書き写すことしかできませんでした...。

    キャンセル

  • 2019/01/06 20:14

    上記の回答を変更させていただきます。
    ご確認ください。

    キャンセル

  • 2019/01/07 10:53

    ありがとうございます!
    実機でもpdfの確認ができるということなのですが、どこにあるのか見つけることが出来なかったので確認の仕方を教えて頂けないでしょうか。

    コードを変えてみました。しかしエラーをどう正せばいいのか分かりません...。よろしくお願いします。
    (質問本文のコードを変更しています。)

    キャンセル

  • 2019/01/07 12:37 編集

    何か勘違いしていませんか?
    imageviewが貼ってあるViewControllerで保存+遷移
    遷移した先にpreviewのViewControllerを用意して、そこに表示するです。
    なので、実機で確認と言ってもfinderみたいにリストで見えるわけではないですよ?
    pdfビュアーのように表示されるってことです。

    概ね示したページのコードができているなら、
    ①まず、作ったPDFファイルのパスを
    stringとしてUserdefaultsに保存するように変更。
    (コンソールに出力されているもの)
    ②そして表示するViewControllerで、そのStringを取り出して、
    pdfのURLにセットしてあげる必要があります。

    mimamoさんのコードでは
    ②userdefaultsから取り出してますが、使ってなくないですか???
    ①がきちんと保存されているのかはわかりませんが。
    ②の意味をよく考えて、再トライしてください。

    キャンセル

  • 2019/01/08 15:46

    勘違いしていました。
    やはりコーディングさせて確認する方法しかないのですね。

    頂いたアドバイスを参考にいろいろやってみたのですが、どのようにURLにセットすればいいのかわからず、エラーが出て落ちてしまいます。

    他に参考にしたもの
    https://qiita.com/takassh/items/1e32e44aa090975f2df9
    質問本文のコードを変更させていただいております。
    よろしくお願いいたします。

    キャンセル

  • 2019/01/08 18:00 編集

    // 保存
    let documentsFileName = documentDirectories + "/test.pdf"
    UserDefaults.standard.set(documentsFileName, forKey:"filePath")

    // 読み込み
    let filePath0 = UserDefaults.standard.string(forKey:"filePath")
    let pdfURL = URL(fileURLWithPath: filePath0!)

    ちなみにiPhoneをMacに接続した状態で、
    iTunesからアプリで保存したファイル一覧を見ること、
    デスクトップなどに取り出す事(その後Macで開けます)はできますよ。

    キャンセル

  • 2019/01/09 00:05

    無事pdf表示することができました!
    pdfの拡張子にし、URLにパスを入れる時 ! をしていませんでした。

    実機と接続することでパソコンにデータを移動することはできるのですね。調べたらやり方も出てきました。

    あともうひとつお伺いしたいことがあります...。
    このコードだとひとつのUIViewやUIImageしかpdf表示ができませんでした。上の写真にあるような、黄色のUIImageViewと黄色のUIImageVIewに乗っかっているピンクのUIImageVIewを一緒に(合成したように)pdf保存することはできないのでしょうか。
    調べてもこれといったものを見つけることができなかったので、2つのUIImageViewを合成し、その後合成してできたUIImageViewをpdf化する方がいいのかなと今思っております。
    よろしくお願いいたします。

    キャンセル

  • 2019/01/09 01:24 編集

    自分のコードでは両方が表示されたい状態、
    iPhoneの画面に表示された状態でpdfにすることできましたよ。

    保存するあたりのコードがおかしいのではないでしょうか?
    最初の答えのところに自分のコードを載せておきます。

    なお、「!」などのエラーはXcodeの指摘がはいりませんか?
    自分もnilのオプショナルを考えるのが不得意で、
    完全にXcodeの指摘頼りです。
    「?か!を足してこの警告をサイレンスしますか?」
    って出るので、大抵「!」を選ぶようにしてますよ。
    Xcodeのいうことは聞きましょう

    キャンセル

  • 2019/01/09 12:16

    ありがとうございます。
    コードは合っているようでした。頂いたコードを変更せずに実行すると、画面全体をpdfにすることができました! ですが全体をpdf化するのではなく、特定の範囲のみをpdf化できるようにしたいと思っています。
    view▶︎canvasview→黄色のUIImageView→ピンクのUIImageViewの順にstoryboardで配置しているのですが、canvasviewに変更すると白紙になってしまいました。なので、黄色のImageViewをピンクのImageViewの親?にするか、canvasviewを2つのUIImageViewの親viewにすればいいのではと思いました。コーディングをやってみたのですが、なにか違う気がするし上手くいきませんでした...。

    // ピンクImageを黄色Imageに追加.
    self.黄色Image.addSubview(ピンクImage)
    同様にcanvasuviewにも二つのUIImageViewを追加したりしてみました。


    エラーは上記のものだけで、そのとき
    let pdfURL = URL(fileURLWithPath: filePath0!)
    のfileURLWithPathがnilというものに気づけませんでした。以後同じようなエラーが出た場合はUIが上手くリンクしていなのか、もしくはどこかにnilがあるのかを考えていこうと思います。
    よろしくお願いします。

    キャンセル

  • 2019/01/09 12:33

    試してませんが、考え方は正しそうな気がしますが、、、
    canvasViewにImageViewをaddSubViewすれば、
    canvasVIewを保存すれば大丈夫な気がしますよね。
    また時間がある時にこっちも試してみます。
    頑張ってください。

    キャンセル

0

イメージ説明
イメージ説明

自分が、やってみたら、普通にできましたけど、、、
黄色いviewがviewAです。

保存するものをviewA.boundsに変えたら、
下記のものが保存されました。
NavigationBarがあるためか、位置が多少ずれていますが、
微調整すれば何とかなりそうですよ。
storyboardのviewが並んでる順番が大事だと思います。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/01/10 13:21

    コードの、変更該当箇所ではないviewのところまで変更していました...。
    無事できました!ありがとうございます。
    余白もなんとか消すことができました!

    とても丁寧に回答してくださりありがとうございます。感謝の気持ちでいっぱいです。本当に助かりました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.47%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • Swift

    8942questions

    Swiftは、アップルのiOSおよびOS Xのためのプログラミング言語で、Objective-CやObjective-C++と共存することが意図されています