【Swift入門】UIWebViewにPDFファイルを読み込んで表示する方法

はじめに

この記事では、Swiftを使ってiOSアプリのUIWebViewにPDFファイルを読み込んで表示する方法を解説します。WebViewでのPDF表示はとてもシンプルで、いくつかの手順を踏むだけで実装できます。初心者の方でも迷わず進められるよう、順番に見ていきましょう。

ステップ1：Xcodeで新規プロジェクトを作成する

Xcodeを起動し、「New Project」→「Single View Application」を選択して新しいプロジェクトを作成します。プロジェクト名は「PDFInWebView」としましょう。

ステップ2：Main.storyboardにUIWebViewを配置する

Main.storyboardを開き、以下の画像のようにオブジェクトライブラリからUIWebViewをドラッグ＆ドロップで画面に追加します。

ステップ3：@IBOutletを作成する

配置したUIWebViewをViewController.swiftに接続し、@IBOutletを作成します。名前は「webview」としてください。

ステップ4：サンプルPDFをプロジェクトに追加する

読み込み対象となるサンプルPDFをプロジェクトに追加します。ここでは「sample.pdf」という名前のPDFファイルを追加しました。追加する際は、対象ターゲットにチェックが入っていることを確認してください。

ステップ5：viewDidLoadメソッドにコードを記述する

ViewControllerのviewDidLoadメソッドに、以下のコードを追加します。

if let pdf = Bundle.main.url(forResource: "sample", withExtension: "pdf", subdirectory: nil, localization: nil) {
    let reqest = NSURLRequest(url: pdf)
    webView.loadRequest(reqest as URLRequest)
}

上記のコードでは、まずBundle.main.url(forResource:withExtension:)を使って、アプリバンドル内の「sample.pdf」ファイルのURLを取得しています。続いて、取得したURLからNSURLRequestを生成し、webViewのloadRequestメソッドに渡すことで、WebView上にPDFを読み込んでいます。

ステップ6：プロジェクトを実行する

プロジェクトをビルドして実行しましょう。シミュレーター上でWebViewにPDFが正しく表示されれば成功です。

まとめ

以上のように、UIWebViewを使えばわずか数行のコードで、ローカルに保存したPDFファイルを簡単に表示できます。新しい開発ではWKWebViewへの移行を検討しつつ、この基本の仕組みを押さえておくと、さまざまな場面で役立つはずです。