Help us understand the problem. What is going on with this article?

Swift4,Xcode10対応:UIWebViewを使って、記事を表示させてみよう!

More than 1 year has passed since last update.

プログラミング初心者でも簡単に作れる記事一覧アプリ作成

今回は、プログラミング初心者に向けて、自分の好きな記事を一覧で表示するアプリの作成方法について解説していきます。

-環境-
・Xcode10
・Swift4

コードについては以下のgithubを参照してください。
https://github.com/YukiNagai1016/WebViewSample

完成図
スクリーンショット 2019-02-25 14.42.28.png

UIWebViewを用いてURLから記事を表示

ViewController.swiftに以下のようにコードを書いて行きます。

以下のように、使う変数と表示させたい記事のタイトルとURL(文字列として)を配列に格納して宣言します。
スクリーンショット 2019-02-25 14.47.15.png

次に、ViewDidLoad関数の中に以下のように書いていきます。
スクリーンショット 2019-02-25 14.49.46.png
スクリーンショット 2019-02-25 14.50.02.png

その下にTableViewに関する決め事を書きます。
今回は、TableViewはViewController.swift内でUITableViewクラスのインスタンスを作り、実装しています。なので、ストーリーボード上で関連付け等の作業は必要ありません。
スクリーンショット 2019-02-25 14.51.33.png

最後にWebViewに関する決め事を以下のように書きます。主に「ロード開始時にアニメーションを表示する、」「ロード終了時にWebViewを表示する」、「WebView内で前の記事に戻ったり、進んだりできるようにする」の3つを実装しています。
スクリーンショット 2019-02-25 14.55.04.png

以上で完成です!ロード中のアニメーションに関しては、Githubのリポジトリ内のサンプルに入れてあるので、参照してみてください!

GithubURL

今回のアプリを以下のリンクからダウンロードできます。
https://github.com/YukiNagai1016/WebViewSample

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away