SlideShare une entreprise Scribd logo
1  sur  24
スマートフォン勉強会
   @関西#16




  楽しいアプリ制作の会
    代表 TWorks
あ…ありのまま今起こった事を話すぜ!

  おれは伊勢さんと飲んでいたと思ったら
  いつのまにか登壇していた!




すまべん@関西#16             1
 HN: TWorks
 本名: 大場知悟(Tomonori OHBA)
 TwitterID: @tworks
 (株)PFUでアプリ開発やってます
   iOS/Android/WPF/Silverilghtなど
 コミュニティー
    楽しいアプリ制作の会
    Silverlight Square(新大阪)
    WP Arch(関西スタッフ)
すまべん@関西#16                          2
画面に画像を貼り付けるだけ
マルチタッチジェスチャーで画像の拡大/
 縮小




すまべん@関西#16         3
Appleがマルチタッチ関連特許
 を取得
タッチスクリーン・ディスプレ
 イを備えるポータブル多機能デ
 バイスと連動して使用するため
 の、フレーム・コンテンツを含
 むページ・コンテンツの表示技
 術に関するコンピュータ実装方
 法
すまべん@関西#16          4
Apple以外のデバイス、終了のお知らせ。
    本当にありがとうございました。




すまべん@関西#16              5
冗談はさておき、


    開発者に影響ないよね!?
    デバイスメーカーさんガンガレ!
              ってことで。

すまべん@関西#16              6
本題。


すまべん@関西#16         7
以下の順番でやってみる
1. iOS
    ↓
2. Android
    ↓
3. WindowsPhone 7

すまべん@関西#16          8
UIScrollViewの中に対象UIを配置。




すまべん@関西#16                 9
UIScrollViewDelegateプロトコルを実装
デリゲート関数
 viewForZoomingInScrollViewで拡大縮小
 対象のViewインスタンスを返戻
 ScrollViewインスタンスのdelegateを設
  定




すまべん@関西#16                      10
DEMO


すまべん@関西#16          11
実は手抜きでした、ごめんなさい
 GestureRecognizer
  http://developer.apple.com/jp/devcenter/ios/library/documentation/EventHandlingiPhoneOS.pdf


         ジェスチャ                                                UIKitのクラス

 タップ                                    UITapGestureRecognizer

 ピンチイン/アウト                              UIPinchGestureRecognizer

 パン(ドラッグ)                               UIPanGestureRecognizer

 スワイプ                                   UISwipeGestureRecognizer

 回転                                     UIRotationGestureRecognizer

 長押し                                    UILongPressGestureRecognizer
すまべん@関西#16                                                                                      12
LinearLayoutの中に対象UIを配置。




すまべん@関西#16                 13
 ScaleGestureDetector(OS 2.2以降)
   ScaleGestureDetector.OnScaleGestureListener
  3つのインタフェースを実装
    onScaleBegin
    onScale
    onScaleEnd
 拡大縮小するオブジェクトのOnTouchListenerインタ
 フェースを実装
  ScaleGestureDetector#onTouchEvent
   ←ScaleGestureDetectorと拡大縮小オブジェクトが
     紐付く

すまべん@関西#16                                        14
対象オブジェクト#
 onTouchリスナ             onScaleBegin
   MotionEvent event   (2点タッチ開始)
ScaleGestureDetect        onScale
 or#onTouchEvent       (ピンチイン/アウト)

MotionEventの状態を解析し       onScaleEnd
て適切なジェスチャリスナ
を呼び出す
                       (2点タッチ終了)

すまべん@関西#16                             15
ScaleGestureDetector.OnScaleGestureL
 istener
            onScaleBegin
           (2点タッチ開始)
              onScale
           (ピンチイン/アウト)

             onScaleEnd
           (2点タッチ終了)
すまべん@関西#16                          16
DEMO


すまべん@関西#16          17
Gridの中に対象UIを配置。




すまべん@関西#16         18
WP7ToolKit:GestureListenerを配置
  拡大縮小の対象オブジェクトに
12個のジェスチャーイベント
 GestureBegin, GestureCompleted
 Tap
 DoubleTap
 Hold
 DragStarted, DragDelta, DragCompleted
 Flick
 PinchStarted, PinchDelta, PinchCompleted
すまべん@関西#16                                  19
void ImageOnPinchStarted (
    object, PinchStartedGestureEventArgs)
             (2点タッチ開始)


          void ImageOnPinchDelta(
       object, PinchGestureEventArgs)
      (ピンチイン/アウト)


すまべん@関西#16                                  20
各プラットフォーム毎に実装方法あるけど、
 考え方は似てる
WindowsPhone 7が一番実装簡単!
まんごーまだー?(定期ポスト)




すまべん@関西#16                21
 iPhoneアプリレビュー
 http://iiphoneapp.blog51.fc2.com/
 TechBooster
 http://techbooster.jpn.org/
 tmytのらくがき
 http://d.hatena.ne.jp/tmyt/
 MSDNマガジン
 http://msdn.microsoft.com/ja-
 jp/magazine/gg650664.aspx

すまべん@関西#16                           22
スマートフォン勉強会関西#16(iOS,Android,WP7マルチタッチ)

Contenu connexe

Similaire à スマートフォン勉強会関西#16(iOS,Android,WP7マルチタッチ)

初心者向けAndroidゲーム開発ノウハウ
初心者向けAndroidゲーム開発ノウハウ初心者向けAndroidゲーム開発ノウハウ
初心者向けAndroidゲーム開発ノウハウ
Kentarou Mukunasi
 
楽しいアプリ制作の会 #12 Windows Phone 開発
楽しいアプリ制作の会 #12 Windows Phone 開発楽しいアプリ制作の会 #12 Windows Phone 開発
楽しいアプリ制作の会 #12 Windows Phone 開発
Tomonori Ohba
 
Using SockJS(Websocket) with Sencha Ext JS
Using SockJS(Websocket) with Sencha Ext JSUsing SockJS(Websocket) with Sencha Ext JS
Using SockJS(Websocket) with Sencha Ext JS
Kazuhiro Kotsutsumi
 

Similaire à スマートフォン勉強会関西#16(iOS,Android,WP7マルチタッチ) (20)

Beginning iPhone Vol2
Beginning iPhone Vol2Beginning iPhone Vol2
Beginning iPhone Vol2
 
20171108 Tech Summit 2017 最新! Windows 10 Fall Creators Update 新機能とアプリケーション開発
20171108 Tech Summit 2017 最新! Windows 10 Fall Creators Update新機能とアプリケーション開発20171108 Tech Summit 2017 最新! Windows 10 Fall Creators Update新機能とアプリケーション開発
20171108 Tech Summit 2017 最新! Windows 10 Fall Creators Update 新機能とアプリケーション開発
 
ReduxとSwiftの組み合わせ:改訂版
ReduxとSwiftの組み合わせ:改訂版ReduxとSwiftの組み合わせ:改訂版
ReduxとSwiftの組み合わせ:改訂版
 
初心者向けAndroidゲーム開発ノウハウ
初心者向けAndroidゲーム開発ノウハウ初心者向けAndroidゲーム開発ノウハウ
初心者向けAndroidゲーム開発ノウハウ
 
Introduction for Browser Side MVC
Introduction for Browser Side MVCIntroduction for Browser Side MVC
Introduction for Browser Side MVC
 
iPhoneアプリ開発の歩き方〜Swift編〜
iPhoneアプリ開発の歩き方〜Swift編〜iPhoneアプリ開発の歩き方〜Swift編〜
iPhoneアプリ開発の歩き方〜Swift編〜
 
Wankuma0402
Wankuma0402Wankuma0402
Wankuma0402
 
楽しいアプリ制作の会 #12 Windows Phone 開発
楽しいアプリ制作の会 #12 Windows Phone 開発楽しいアプリ制作の会 #12 Windows Phone 開発
楽しいアプリ制作の会 #12 Windows Phone 開発
 
20151130 Apple Pencilを使う
20151130 Apple Pencilを使う20151130 Apple Pencilを使う
20151130 Apple Pencilを使う
 
試して感覚を掴んでみるUICollectionViewCompositionalLayout & Combine
試して感覚を掴んでみるUICollectionViewCompositionalLayout & Combine試して感覚を掴んでみるUICollectionViewCompositionalLayout & Combine
試して感覚を掴んでみるUICollectionViewCompositionalLayout & Combine
 
RoboVM
RoboVMRoboVM
RoboVM
 
KIFの導入
KIFの導入KIFの導入
KIFの導入
 
Tinder風なUIを実装する際のアイデアと実装例紹介
Tinder風なUIを実装する際のアイデアと実装例紹介Tinder風なUIを実装する際のアイデアと実装例紹介
Tinder風なUIを実装する際のアイデアと実装例紹介
 
Using SockJS(Websocket) with Sencha Ext JS
Using SockJS(Websocket) with Sencha Ext JSUsing SockJS(Websocket) with Sencha Ext JS
Using SockJS(Websocket) with Sencha Ext JS
 
第2回 Android勉強会
第2回 Android勉強会第2回 Android勉強会
第2回 Android勉強会
 
Tokyo MotionControl Network tech cafe 「誰もがつまづく3D認識の世界」
Tokyo MotionControl Network tech cafe 「誰もがつまづく3D認識の世界」Tokyo MotionControl Network tech cafe 「誰もがつまづく3D認識の世界」
Tokyo MotionControl Network tech cafe 「誰もがつまづく3D認識の世界」
 
Android Lecture #01 @PRO&BSC Inc.
Android Lecture #01 @PRO&BSC Inc.Android Lecture #01 @PRO&BSC Inc.
Android Lecture #01 @PRO&BSC Inc.
 
深掘りARKit
深掘りARKit深掘りARKit
深掘りARKit
 
Tokyo GTUG Bootcamp2010
Tokyo GTUG Bootcamp2010Tokyo GTUG Bootcamp2010
Tokyo GTUG Bootcamp2010
 
もう怖くないモバイルアプリ開発!
もう怖くないモバイルアプリ開発!もう怖くないモバイルアプリ開発!
もう怖くないモバイルアプリ開発!
 

Plus de Tomonori Ohba

Android-Binding Before/After (Hokuriku,NET)
Android-Binding Before/After (Hokuriku,NET)Android-Binding Before/After (Hokuriku,NET)
Android-Binding Before/After (Hokuriku,NET)
Tomonori Ohba
 
WindowsPhone arch 神戸#1
WindowsPhone arch 神戸#1WindowsPhone arch 神戸#1
WindowsPhone arch 神戸#1
Tomonori Ohba
 
iOS/Android/WP7アプリ開発比較
iOS/Android/WP7アプリ開発比較iOS/Android/WP7アプリ開発比較
iOS/Android/WP7アプリ開発比較
Tomonori Ohba
 

Plus de Tomonori Ohba (10)

Android-Binding Before/After (Hokuriku,NET)
Android-Binding Before/After (Hokuriku,NET)Android-Binding Before/After (Hokuriku,NET)
Android-Binding Before/After (Hokuriku,NET)
 
Android-Binding Before / After
Android-Binding Before / AfterAndroid-Binding Before / After
Android-Binding Before / After
 
Windows Store App HTTP通信を振り返る
Windows Store App HTTP通信を振り返るWindows Store App HTTP通信を振り返る
Windows Store App HTTP通信を振り返る
 
DelphiでWin/Macクロスコンパイル
DelphiでWin/MacクロスコンパイルDelphiでWin/Macクロスコンパイル
DelphiでWin/Macクロスコンパイル
 
WindowsPhone arch 神戸#1
WindowsPhone arch 神戸#1WindowsPhone arch 神戸#1
WindowsPhone arch 神戸#1
 
Sencha TouchでHTML5アプリを作ってみる
Sencha TouchでHTML5アプリを作ってみるSencha TouchでHTML5アプリを作ってみる
Sencha TouchでHTML5アプリを作ってみる
 
わんくま大阪47 LT
わんくま大阪47 LTわんくま大阪47 LT
わんくま大阪47 LT
 
iOS/Android/WP7アプリ開発比較
iOS/Android/WP7アプリ開発比較iOS/Android/WP7アプリ開発比較
iOS/Android/WP7アプリ開発比較
 
iOSの審査なんてくそくらえさ!
iOSの審査なんてくそくらえさ!iOSの審査なんてくそくらえさ!
iOSの審査なんてくそくらえさ!
 
Sencha Touchをさわってみた
Sencha TouchをさわってみたSencha Touchをさわってみた
Sencha Touchをさわってみた
 

Dernier

Dernier (11)

論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native IntegrationsUtilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
 
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 

スマートフォン勉強会関西#16(iOS,Android,WP7マルチタッチ)