【iOS】WebViewの基本的な使い方
スポンサーリンク

UIWebViewの基本的な使い方です。

例えば、

WebView

 

この画像のように、画面全体にWebViewを表示し、一番下にtoolBarとbarButtonItemでWebPageを戻ったりできるといった簡単なものです。

 

やり方

ツールバーやそのアイテムはアウトレット接続しているていで話を進めます。

WebViewをコードから実装します。

1. import WebKitとWKNavigationDelegateを批准

 

2. WKWebViewクラスのインスタンス生成

 

3.webViewの大きさ(位置)決める

「x」は画面の一番左の上の位置が「0」です。そこからに行くほど0よりも大きくなります。
「y」も画面の一番左の上の位置が「0」です。そこからに行くほど0よりも大きくなります。

 

「y」が「toolBar.frame.size.height」ということは「yの0の位置」からtoolBarの高さ分下に行った位置から描画するということです。

 

時間やバッテリーマークと被らないようにするためです。

yを0にすると

このように被ります。

 

また、「height: view.frame.size.height - toolBar.frame.size.height * 2」
ここですが、Viewの高さからツールバーの高さの2倍の高さを引いています。

こうすることによって、一番下にあるツールバーが見えるようになります。

ツールバーが見えるようにするなら2倍にする必要が無いように感じる方もいるでしょう。

yが「0」であればそれでいいです。

しかし今回はyが「0」から「ツールバーの高さ」分の下の位置から描画されているため、2倍する必要があります。

「0」から「ツールバーの高さ」分の下の位置からViewの高さ分描画すると、WebViewが画面からはみ出るからです。

 

4.viewにwebViewを貼り付ける

 

5.WebViewに何をロードするか

 

これで見本のような動きになってると思います。

ツールバーアイテムが押された時に以下のコードを入れればブラウザバック等ができます。

 

 

デリゲートメソッドなど

Swift(iOS)が学べるオンラインスクール ランキング
CodeCamp
CodeCamp
7〜24時まで授業可能で働きながらでも学べる!!
料金
講師の質
コースの種類
転職サポート
ポイント1エンジニア経験2年以上のベテラン講師によるオンライン授業
講師は全員が現役のエンジニアで、他のスクールによく見られるアルバイト講師ではありません。マンツーマン指導で自分のレベルにあったカリキュラムが組め、満足度も高いです。また、自社開発企業への転職指導にも定評があります。

ポイント2無料レッスン体験&無料受講相談で事前に話が聞ける
事前にレッスンを体験して授業の雰囲気や学習ペースを確認できます。またエンジニア転職を目指す方にはどのコースが向いているかなどが聞けるカウンセリング(受講相談)も無料。エンジニアの生の声が聞けるので自分が働き出した時のことをイメージできます。

TechAcademy

授業型ではなく自習型なので自分のペースで学べる
料金
講師の質
コースの種類
転職サポート
ポイント1自習スタイルでチャット質問は何回でも無料
自分の分からないところを質問するスタイルなのでわかるところはサクッと、わからないところはじっくりと、無駄なく学べます。チャットの質問が無料なので、料金を気にせず何回でも聞けます。また、メンターがつくのでカウンセリングで学習の進捗やモチベーションの管理もしてくれます。
ポイント21週間の無料体験と無料カウンセリング、安心の返金制度も
無料体験の期間は1週間もあり、納得してから契約できるので安心です。事前の無料カウンセリングでは、その人にあったアドバイス等をもらうことができるので気軽に活用しよう。転職保障コースの場合、転職できなかったら全額返金!!
侍エンジニア塾
プログラミングスクールの老舗NO.1
料金
講師の質
コースの種類
転職サポート
ポイント1歴史があるからノウハウも豊富
日本で初めてオンラインのマンツーマンレッスン指導を導入した実績十分のスクール。講師も現役エンジニアでメンタリングもあるため転職のサポートも手厚く、面接対策や自己PRのフィードバックまで対応してくれます。

ポイント2転職成功率94.1%、挫折率8%
コースによっては転職成功で受講料が0円に!!  絶対にエンジニアになりたいという意思があれば超低額で転職できます。事前の無料体験で相談も可能なため、まずは話だけ聞いてみるのもあり。

おすすめの記事