第 4回 iPhoneアプリ勉強会　　　　 ~Clock〜

　　　　　　　　　　　　　　　　　　　　　　三品　陽平

2

はじめに

• 前準備• チュートリアル： Clock

– ビュー・アイテムの作成– アウトレットやアクションの接続– タイマーの作成– 時刻の取得– ビューの回転– アラーム機能の追加– タッチ座標の取得– アラーム音の再生と停止

• 本勉強会で使用する教科書

3

前準備

• 画像とプロジェクトの作成– 背景画像、４つの針の画像を用意する– 用意した画像を Images フォルダにまとめる– アラーム音のファイルも用意する– 用意したアラーム音を Sounds フォルダにまとめる

• X-Code を立ち上げる

4

チュートリアル： Clock

• STEP1– プロジェクトの作成– Clock に Images フォルダをプロジェクト追加– Sounds フォルダも同様

5

チュートリアル： Clock

• STEP2: ビュー・アイテムの作成– ClockViewController.xib の編集– 背景ビュー・アイテムの作成

6

チュートリアル： Smash

• STEP2: ビュー・アイテムの作成（続き）-アラーム針，短針，長針，秒針の順にビュー・アイテムの作成-X ＝（ 320÷2 ） （− W÷2 ）， Y ＝（ 420÷2 ） （− H÷2 ）

(W,H) (X,Y)

Alarm (42,172) (139,144)

Hour (36,214) (142,123)

Minute (36,302) (142,79)

Second (30,222) (145,119)

7

チュートリアル： Smash

• STEP2: ビュー・アイテムの作成（続き）-アラーム・ボタンの設置-Default(off),Highlighted(pushed),Selected(on)

8

チュートリアル： Clock

• STEP3: アウトレットやアクションの接続– ClockViewController.h の編集

9

チュートリアル： Clock

• STEP3: アウトレットやアクションの接続– アウトレットとアクションをビュー・アイテムに接続– Connections インスペクタから接続– toggleAlamButton アクションもアラーム・ボタンに接続 (Touch Up Inside)

10

チュートリアル： Clock

• STEP4:ClockViewController.m の編集– ClockViewController.m– タイマーの作成– 時刻の取得– ビューの回転– アラーム機能の追加– タッチ座標と角度– アラーム音の準備– アラーム音の再生と停止– 自動ロックの禁止– ユーザ・デフォルトの処理

11

チュートリアル： Clock

• STEP4:ClockViewController.m の編集

12

チュートリアル： Clock

• STEP4:ClockViewController.m の編集

13

チュートリアル： Clock

• STEP4:ClockViewController.m の編集

14

チュートリアル： Clock

• STEP4:ClockViewController.m の編集

15

チュートリアル： Clock

• STEP5: 透明ボタンの設置

チュートリアル： Clock

• STEP6:Framework の追加

17

チュートリアル： Clock

• STEP7 : ビルドと実行

18

おわりに

• 前準備• チュートリアル： Clock

– ビュー・アイテムの作成– アウトレットやアクションの接続– タイマーの作成– 時刻の取得– ビューの回転– アラーム機能の追加– タッチ座標の取得– アラーム音の再生と停止

•次回の予定-“iPhoneSDK の教科書”のサンプルプログラムを勉強-Counter-Smash-Balance-Clock-Age-Pile