Xcode第2回目。

今回は画像の読み込みとセグエを学んでいきます。

Xcodeでアプリを作る基礎を学ぶ１【プロジェクト作成】 | naonotes.com（ナオノーツ）

セグエとは

セグエとは画面遷移のことで、ボタンなどをタップすることにより別の画面に切り替わることを言う。

ぴんとこない人も作ってみているうちに解ると思う。

ボタンの作成

前回作ったTestAppプロジェクトを開く。

ラベルHello Worldは上にどかし、ObjectsのRound Rect Buttonをドラッグアンドドロップする。

出来たボタンをダブルクリックし、imageとでも名前を変更しよう。

ObjectsのView Controllerをドラッグアンドドロップする。

すると2つめのView Controllerが現れる。

画像をXcodeに読み込ませる

読み込ませたい画像をXcode上のTextAppフォルダにドラッグアンドドロップする。

Copy items into destination group’s folder (if needed)にチェックを入れ、Finishをクリック。

画像が読み込まれた。

画像をView Controllerに表示させる

読み込まれた画像をView Controllerに表示させる。

右下のフィルムのマークをクリックすると読み込んだ画像が現れるので、それをドラッグアンドドロップする。

画像が読み込まれた。

セグエの設定

セグエの設定をする。

先ほど作ったimageボタンをControlキーを押しながらドラッグすると青い線が現れるので、もう一つのView Controllerにポインタをあわせてドロップしよう。

Action Segueというウィンドウが現れるので、modalをクリックする。

セグエが作成された。

シミュレータで動きを確認してみよう

シミュレータでセグエの動きを確認してみよう。

シミュレータを起動し、imageボタンをクリックする。

すると画像が貼ってある画面に切り替わる。

これがセグエ。

これを組み合わせるだけでも何か出来そうだね。

簡単な動きならコード無しでもいける

コードを書かなくても基本的な動きは作れるようになっている。

一から十までコードを書かなきゃいけない訳ではなく、ある程度はGUIで作ることが出来るのがいいね。

次回はAppleが公開しているドキュメント『初めてのiOSアプリケーション』に挑戦してみます。