タグ: チュートリアル

Step8 プログラミング その2

「SettingViewController」のプログラミングが完了したので、

次は、「KitchenTimerViewController」のプログラミングしていきます。

以下の４つのファイルにプログラミングします。

・SettingViewController.h

・SettingViewController.m

・KitchenTimerViewController.h

・KitchenTimerViewController.m

「KitchenTimerViewController」のプログラミングです。

Step7 プログラミング その1

IBOutletやIBActionなどの設定が完了したので、

次は、コードをプログラミングしていきます。

以下の４つのファイルにプログラミングします。

・SettingViewController.h

・SettingViewController.m

・KitchenTimerViewController.h

・KitchenTimerViewController.m

まず、「SettingViewController」のプログラミングです。

Step6 IBOutletやIBActionなどの設定 その2

「SettingViewController」のIBOutletやIBActionなどの設定をしたので、

次は、「KitchenTimerViewController」の設定をしていきます。

「KitchenTimerViewController」の以下のオブジェクトの設定をします。

・start Button

・reset Button

・timer Label

・progress Image View

・timer View

Step5 IBOutletやIBActionなどの設定 その1

「SettingViewController」と「KitchenTimerViewController」の２つの ViewController を作成し

それぞれにオブジェクトを配置しました。

こんな感じになりました。

次は、IBOutletやIBActionなどの設定をしていきます。

「SettingViewController」の以下のオブジェクトの設定をします。

・set Button

・timer Piker View

timer Piker ViewはOutletの設定と、delegate と dataSource の設定をします。

Step4 Storyboardの編集 その3

「SettingViewController」と「KitchenTimerViewController」の２つの ViewController を作成しました。

「SettingViewController」にオブジェクトの配置はしたので、

「KitchenTimerViewController」にオブジェクトの配置をしていきます。

最終的に、「KitchenTimerViewController」はこんな感じになります。

Step3 Storyboardの編集 その2

「SettingViewController」と「KitchenTimerViewController」の２つの ViewController を作成しました。

次は、それぞれにボタンやラベルなどのオブジェクトを配置していきます。

まずは、「SettingViewController」から。

最終的に、「SettingViewController」はこんな感じになります。

Step2 Storyboardの編集 その1

プロジェクトを作成したら、次はStoryboardの編集をしていきましょう。

最終的には、こんな感じになるようにStoryboardを作成していきます。

でわ、Storyboardを見てみましょう。

エディターエリアの左下端のボタンを押して「Document Outline」を表示しましょう。

Step1 プロジェクト新規作成

まずは、プロジェクトを新規作成します。

Xcodeを起動し、メニューから File -> Project を選択します。

次に、テンプレート選択画面が現れます。

ここでは、 画面の左側から「iOS Application」をクリックして、

画面の右側は、「Single View Application」を選択します。