WebViewオブジェクトを使ってみよう - 004

おはようございます、ひろしです。
今回はプロトコルについて話したいと思います。

WebViewオブジェクトを使ってみよう - 001
WebViewオブジェクトを使ってみよう - 002
WebViewオブジェクトを使ってみよう - 003

いままでやっていたことは、WEBVIEWとかBAR BUTTONとかを色々設定し、プログラミングしてウェブを開くことができます。ですが、プログラミングはどうやって以下のことがわかるでしょうか？

1. このウェブは本当にLOADINGされましたか？
2. このウェブりんくはなんですか？
3. このウェブはいつロード完成しましたか？

ここで、Delegateという便利な方法ががあります。Delegate１つのオブジェクトとして別のオブジェクトとコミュニケーションことができ、色々なタスクができます。

Delegateしたいなら、簡単といえばこの３つのステップがあります：

1. カスタムクラスでDelegateのプロトコルを受けます。
2. プロトコルのMETHODを実装します。
3. DelegateのOutletとあなたのDelegateオブジェクトを繋がります。

ステップ１：

まずなんのオブジェクトはどんなDelegateするのは決めます。

ここで、カスタムクラスで、UIWebViewDelegateを使いたいと思います。

ステップ２：

XCODEー＞HELPー＞Documentation and API Referenceで、UIWebViewDelegateはどんなMETHODがあるのか見てみましょう。

ステップ３：

Documentationをみて、下の４つのMETHODが見つかるはずです。

• - (BOOL)webView:(UIWebView *)webView　shouldStartLoadWithRequest:(NSURLRequest *)request　 navigationType:(UIWebViewNavigationType)navigationType; 
• ユーザーがリンクの上でTAPする時、Delegateへメーセージを送ります。
• - (void)webViewDidStartLoad:(UIWebView *)webView; 
• もしウェブはロード始まりの時Delegateへメーセージを送ります。
• - (void)webViewDidFinishLoad:(UIWebView *)webView;
• もしウェブはロード完成したのDelegateへメーセージを送ります。
• - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error; 
• もしウェブはロードできない時Delegateへメーセージを送ります。

今度は２番めから４番目までのMETHODを利用します。

ステップ４：

カスタムクラスの.m（Implementation）フェイルで以下のコートを書きましょう。

• - (void)webViewDidStartLoad:(UIWebView *)webView; 

• - (void)webViewDidFinishLoad:(UIWebView *)webView;

• - (void)webView:(UIWebView *)webView didFailLoadWithError:(NSError *)error; 

ステップ５：

DelegateしたWebViewとViewControllerを繋がりましょう。

WEBVIEWを選択し、CONTROL＋引いてViewControllerを繋がりましょう。

黒メニューが出て、Delegateを選択してください。

ステップ６：

最後はこんな感じですね。

ステップ７：

テストしてみましょう！

ウェブがロードできない時は…

• エラーメッセージができてきます。
• Shorten Buttonが押せません。

ウェブがロード完成した時は…

• リンクのところはちゃんと今みているのウェブのリンクが表示されています。
• Shorten Buttonが押せます！

今回もお疲れ様でした。

次はこのリンクを短くする方法を紹介したい思います。

じゃーね。

WebViewオブジェクトを使ってみよう - 003

こんばんわ、ひろしです。

今回はBAR BUTTON ITEMのプログラミングをやります。

前回：

WebViewオブジェクトを使ってみよう - 001

WebViewオブジェクトを使ってみよう - 002

ステップ１：
WEBVIEWの大きさを調整してくだい。

ステップ２：
オブジェクトライブラリでTOOLBARを選択し、先で調整してたの余白に引いてください。

ステップ３：

オブジェクトライブラリでBAR BUTTON ITEMを選択し、もっと２つのBUTTONを同じのところで引いてください。

ステップ４：

BAR Button Item1を選択し、

STYLEをPLAYに選択しでください。

EDITABLEをUNCHECKしてください。

ステップ５：

BAR Button Item2を選択し、

STYLEをPlain選択してください。

TITLEは”Tap ”Tap arrow to shorten”に入力してください。

Tintはブラックを選択してください。

ステップ６：

TITLEは"Copy”を入力してください。

ENABLEをUNCHECKしてください。

ステップ７：

.hのフィルタに以下のコードを入力してください。

ステップ８：

ViewControllerを選択し、ステップ７で設定してたの３つPROPERTYを繋がりましょう。

*shortBuutonはPLAYアイコンのBUTTONに繋がりましょう。

*shortLabelは真ん中、”TAP DOWN TO SHORTEN”に繋がりましょう。

*clipboardは”COPY"に繋がりましょう。

ステップ９：

最後はこんな状態です。

ステップ１０

テストしましょう！

今回もお疲れ様でした。

つぎはプロトコルのプログラミングです。

じゃねー

WebViewオブジェクトを使ってみよう - 002

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

WebViewオブジェクトを使ってみよう - 001の続きです。

今回は実際にWebViewでウェブをみようと思いまして、よろしくお願いします。


ステップ１：
.hのファイルに下のコードを加えてください。

ステップ２：

その*urlField と*webViewをControllerViewに繋がりましょう。

View ControllerのところでRIGHT-CLICKして、黒いメニユーが出るはずです。

この黒いメニユーには先設定したの*urlField と*webViewあります。

となりの丸が見えますか？

*urlFieldはTextFieldのところでを引いてください。

*webViewはUIWebViewのところで引いてください。

ステップ３：

.mファイルに以下のコードを加えてください。

コードは以下の流れです：

1. urlFieldからTEXTをゲットし、urlTextにします。
2. IFのコードはユーザーが正しいウェブの式に入力してないかどうかをチェックする。
3. NSSTRINGオブジェクトからNSURLオブジェクトに変わります。
4. loadRequestを使ってWEBKITにウェブをロードします。

ステップ４：

最後にこの-(IBAction)loadLocation:(id)sender{}をControllerViewに繋がりましょう。

まずはTEXTFIELDを選択してください。

ステップ５：

右側の”Sent Event"に”Did End On Exit"で隣の丸をViewControllerに引いてください。

ステップ６：

黒いメニユーで-loadLocationを選択してください。

ステップ７：

試してみましょう！

今回はここまでしましょう、次はBar Item Buttonについて話しましょう。

じゃーね。

WebViewオブジェクトを使ってみよう - 001

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

今回は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の長さを調整してください。

ステップ１８：

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

1. text はhttp:// 設定してください。  Text fieldの最初値は http://になる。
2. PlaceHolderはhttp://設定してください 入力がない時に表示する代替文字。
3. Clear ButtonはAppears while editing設定してください フォーカスが当たる時だ表示する
4. Correction はNo に設定してください　自動修正はオフ
5. Keyboard はURLに設定してください　URL用のキーボード字。
6. Return Key はGOに設定してください キーボードの"returnがGOに変わる

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

みんなさま、はじめまして。

はじめまして、香港出身のひろしです。
最近はますます将来の仕事の安定性がいまよりさらに低くなり、自分自身を守るためにもっと勉強しなければ、もっとスキルを 身につけなければという気持ちが溢れてきました。

でもなぜObjective-Cを勉強するでしょうか？
恥ずかしいですが、きっかけはわたしより１５歳の年下の小学生の友達が（そうです、友達です！）楽しくXCODEを使って色々な簡単なプログラミングをやっている姿に感動しました。では自分にもきっとできるではないか？という気持ちで、本屋でアプリケーションつくりの入門参考書を買って、ネットで色々調べて（１ヶ月まえ）勉強始まりました。

このBLOGは、自分自身がいままで様々なプログラミングの問題、ノートを書いて、みんなさまにも役に立つと嬉しいと思っております。

これから、どうぞ宜しくお願いします。