OBJECTIVE-C で歩いてみよう。: WebViewオブジェクトを使ってみよう

おはようございます、ひろしです。

今回はWebViewオブジェクトの簡単な使え方、基本のプログラミングとか、色々書こうと思います。宜しくお願いします。

目標はこんな感じですね。

一緒にやりましょう。

ステップ１：
XCODEをインストールして、開いてください。
Create a new Xcode Projectを選択してください。

ステップ２：

Single View Applicationを選択してください。

ステップ３：

ProductNameをお好みで入力してください。

Deviceのところは、Universalを選択し、Nextを押し進んでください。

ステップ４：

ここはあなたのプロジェクトです。

ステップ５：

XCODEの右下のオブジェクト　ライブラリで”Navigation Bar”を選択し、ViewControllerの白い部分で引いてください。

ステップ６：

XCODEの左側に”Navigation Bar"を選択し、”Top Layout Guide"まで引いて、”Vertical Spacing"を選択してください。

ステップ７：

これから、Navigation Barを移動すると、数字が出れるようになります。TOPからNavigation Barまでの距離です。

ステップ８：
左側でVertical Spaceを選択し、右側でConstantで０に変わってください。
そうすると、View Controllerの一番上の数字が０になる。

ステップ１０：

オブジェクト　ライブラリでWeb Viewを選択し、View Controller の白いとろこへ引いてみま

ステップ１１：

WEB Viewは好きなようなサイズを設定してください。

ステップ１２：

”Add Missing Constraints inView Controller"を選択してください。

ステップ１３：

次はBar Button Itemを選択し、Navigator Barまで引いてください。

ステップ１４：

左側でBar Button Itemを選択し、右側で"Refresh"を選択してください。

ステップ１５：

いまBar Button ItemのアイコンはREFRESHになりました。

ステップ１６：

オブジェクト　ライブラリでText Fieldを選択し、View ControllerのNavigator Barに引いてください。

ステップ１７：

TextFiledの長さを調整してください。

ステップ１８：

右側で以下の設定をしてください。

次はプログラミングを始まりますので、またあとでね！

OBJECTIVE-C で歩いてみよう。