第 8 回 iphone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに...
Post on 15-Jan-2016
241 views
TRANSCRIPT
![Page 1: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/1.jpg)
第 8 回 iPhone アプリ勉強会〜タッチイベント〜
縣 禎輝
![Page 2: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/2.jpg)
2
はじめに
• タッチイベント– タッチイベントの取得方法– タッチされた座標を取得– タッチで画像を動かす
![Page 3: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/3.jpg)
3
タッチイベントの取得方法
• タッチイベントを扱うクラス– UITouch
• タッチ全般– UIScrollView
• タッチイベントでスクロール,拡大縮小
![Page 4: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/4.jpg)
4
UITouch で取得できる情報
• タッチ開始- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
• タッチしながら動かす- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
- 指を離す- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
• 通話等でタッチがキャンセル- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
![Page 5: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/5.jpg)
5
使用例
![Page 6: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/6.jpg)
6
タッチされた座標を取得
touchViewController.m
![Page 7: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/7.jpg)
7
コンソールで確認
クリックしてみる
![Page 8: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/8.jpg)
8
画像を動かす
1. Resources に画像追加
2. touchViewController.h , touchViewController.m の編集
3. IntefaceBuilder の編集
![Page 9: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/9.jpg)
9
Resources に画像追加
![Page 10: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/10.jpg)
10
プログラムの編集
touchViewController.m
touchViewController.h
![Page 11: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/11.jpg)
11
InterfaceBuilder の編集
![Page 12: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/12.jpg)
12
動作確認
• タッチした場所に画像が移動• 画像をタッチしながら指を動かすと画像も連動
![Page 13: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/13.jpg)
13
おわりに
• タッチイベント– タッチイベントの取得方法– タッチされた座標を取得– タッチで画像を動かす
![Page 14: 第 8 回 iPhone アプリ勉強会 〜タッチイベント〜 縣 禎輝. はじめに タッチイベント – タッチイベントの取得方法 – タッチされた座標を取得](https://reader036.vdocuments.net/reader036/viewer/2022081721/56649d2f5503460f94a0713b/html5/thumbnails/14.jpg)
14
次回までの宿題
• 作りたいアプリの仕様書を作る
• アプリ概要:写真より顔検出し検出部分だけ切り出す 切り出した画像をアドレス帳に
スムーズに登録
• ユースケース顔検出
検出部分の切り出し
アドレス帳に適したサイズにリサ
イズアドレス帳へのアクセ
ス
アクター