インターフェイス作成３（セカンドビュー作成）

さて、インターフェイス作成も３回目。


プログラミング的な事は何一つしてませんな～

いや！一つしてます！

タイトル設定・・・

Hello Worldから地道にやるべきだったか・・・

まぁ少しずつ頑張って作って行きましょうか～


今回作成するのはプラスボタンが押されたら表示される２番目のViewです。


今回はあらかじめViewを用意しようと思いますが、

ボタンが押されたタイミングで新たにViewを作成する方法もあるみたいです。

みたいと言うからにはその方法は分かりません！


前置きはこの辺にして、新規ファイルの作成です。


まずはクラスファイルを追加。












続いてxibファイル。












名前はTextWriteViewとしました。


そしてNavigationBarとプラスボタンを追加する予定でしたが、

色々調べてみるとNavigationBarはページ遷移しても自動で追加されるっぽい。


と言う事は今回はこれで終わり？

そうです。

とうとうプログラミングの世界へ・・・

Objective-Cへの挑戦が始まるわけです。が、

言語の勉強は別のテーマでこれまたゆっくりと

基本から書いて行きたいと思ってます。



さて、ではこの次は何をしたらいいのでしょうか？


見た目はだいたい出来てるので今度は動きって事になる訳ですが、

どこからどうやっていいのかさっぱりです。


と言う事で、やりたい動きを洗い出してみます。

（最初はまっさらのテーブルが表示されてる状態。）


１、まっさらのテーブルはタップしても何もしない。

２、プラスボタンがタップされたらTextWriteViewを呼び出す。

３、２と同時にNavigationBarの右に完了ボタンを表示させキーボードを出す。

４、未記入の状態で完了ボタンがタップされたらTableViewに戻る。

５、何か記入されて完了ボタンがタップされたらキーボードと完了ボタンを片付けてNavigationBarにプラスボタンを表示。

６、５と同時に、記入した文字列を保存しTableViewのセルを一つ追加してそのセルに文字列を表示。

７、文字列が表示されてるセルをタップするとTextWriteViewを呼び出して保存してある文字列からそのセルに対応する文字列を表示。


こんなとこですかね～（細かい動きは足りないかも・・・）

普段何気なく使ってるメモ帳。

こんな機能を実装してたんですね～

この中で今すぐ出来る事！

と言うかで来てる事！

そう。１番はすでに実装済み。

なので次は２番ですかね。


そうなんですが～

ここ２、３日頑張って調べてみたものの

それらしいサンプルコードを探せませんでした


セルをタップして画面遷移はかなりあるんですが

ボタンタップで画面遷移がない！！

セルで画面遷移は以下のメソット？の中に？書くみたいです。

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath


てーぶるびゅー、せれくと、いんでっくすぱす

テーブルビューのセルの何番目かを指定するみたいな感じ？

に読めない事もありません。

でも押すと違うビューを表示する訳だから、

違うメソットに中身だけコピーしたら動かないかしら？


中身も最初から書いてあるし・・・


その辺は次回に持ち越します。


どなたかご存知ならご教授お願いします。

インターフェイス作成２（プラスボタンとサーチバー）

引き続きインターフェイスの作成を行って行きます。

今回追加するのはプラスボタンとサーチバーですが、

Interface Builderを使えば即完成。





BarButtonItemはインスペクタでIdentiferをAddに変更。

Interface Builderの使い方イマイチって方は↓↓

Interface Builderのかんたん取扱説明書（サルでき）

って言うか上記のブログの方がよっぽど参考になりますけど


ここで一旦Interface Builderで保存しましょう。


そしてXcodeでビルドと実行。
（Interface Builderで保存しないと貼付けたパーツは反映されませんよ。）






こんな感じになります。


それらしい外観になってきましたね。

でも出来るのはやっぱりスクロールだけです～

次回はプラスボタンがタップされた時に追加されるViewの

インターフェイス。

インターフェイス。

インターフェイス。

インターフェイス。

そうです。

プログラミングは初心者です。

見栄え重視でよろしくってな感じですよ。

インターフェイス作成１（TableViewのタイトル設定）

それでは前回分解したインターフェイスのパーツを組み立てて行きましょう。

まずは新規プロジェクトの作成。

テンプレートにはNavigation-based Applicationを選択し、

プロジェクト名をSampleMemoとしました。

とりあえずビルドと実行。





iOSシミュレータにはこんな感じで表示されます。

非常にさっぱりとした画面ですがスクロールは出来ますね。

って言うかそれ以外できません。



目指すメモ帳アプリにあってこちらに無い物


１、タイトル

２、プラスボタン

３、サーチバー


そんな訳でこの３つを追加してみましょう。



まずはタイトル。


InterfaceBuilderで設定出来るのですが、

色々と理由があってXcodeで設定した方が良いとの事なので

今回はそちらの方法を選択しました。


色々とある理由とタイトル設定方法を

簡潔に説明してくれてるサイトがありまして

ここに詳しく書く必要もないかな～

って事でこちら↓↓をご覧下さい。


真剣！アプリ開発道場


RootViewController.mの

-(void)viewDidLoadの中に

self.title=@"設定する文字列"

この１行を追加するだけで

タイトルが設定出来ます。


こんな感じ。





続いてはプラスボタンですが

長くなりそうなので次回に持ち越します。