ボタンとアクションの作成 (ガイド付きプロジェクト Light)

プロジェクトの目的

Xcode と Interface Builder の基本を学習しました。ここでは、これらのツールの知識を使ってアプリケーションを作成します。

このガイド付きプロジェクトが完了するまでに、Light というアプリケーションを作成します。このアプリケーションでは、ユーザーがボタンをタップすると画面が黒から白に、そして再び黒に変化します。このアプリケーションのビルドを成功させるには、Xcode ドキュメントを使用し、ブレークポイントを追加し、アウトレットとアクションを作成する必要があります。

メモ

このプロジェクトでは、Swift コードを記述していただきます。初めのうちは苦労しても、がっかりしないでください。経験を積むにつれて上手くなっていきます。

ステップ 1: ボタンとアクションを作成する

まず、新しいプロジェクトを開始します。

前のレッスンで使用した [Single View App (単一ビューアプリケーション)] テンプレートを使用して新しい Xcode プロジェクトを作成します。
プロジェクトに「Light」という名前を付けます。
プロジェクトナビゲーターで Main.storyboard を選択して、このストーリーボードを Interface Builder で開きます。

ストーリーボードには ViewController のインスタンスが含まれています。ViewController は UIViewController のサブクラスで、[Single View App (単一ビューアプリケーション)] の一部として Xcode によって事前定義され、プロジェクトナビゲーターに表示されます。

ビューコントローラーの ID を確認します。

1.[Show Document Outline (ドキュメントアウトラインを表示)] ボタンをクリックして Main.storyboard で定義されているすべてのビューコントローラーを表示します。

2.[Document Outline (ドキュメントアウトライン)] ビューで [View Controller (ビューコントローラー)] を選択します。

3.ユーティリティ領域の上部にある [Identity (ID)] インスペクターボタンをクリックし、このビューコントローラーの型が ViewController であることを確認します。

このプロジェクトにはシミュレーターまたは自分のデバイスを使用できますが、キャンバスのビューコントローラーのサイズが使用する画面のサイズと同じである必要があります。ビューコントローラーが正しいサイズであることを確認します。

自分のデバイスを使用している場合は、ステップ 2 に進みます。シミュレーターを使用している場合は、Xcode ツールバーの左側にあるプルダウンメニューで [iPhone 8 simulator (iPhone 8 シミュレーター)] を選択します。
キャンバスの下部にある [View as (表示形式)] ボタンをクリックし、[iPhone 8 configuration (iPhone 8 設定)] または使用するデバイスに対応するビューコントローラーのサイズを選択します。
ビューの方向は縦方向のままにします。