Transcript Multi Touch with Windows Phone

(Multi)? Touch with
Windows Phone
Ben Dewey
Tallan, Inc.
[email protected]
Twitter @bendewey
We thank the following companies for their gracious sponsorship
Platinum Sponsor
Gold Sponsors
Silver Sponsors
Touch
Natural
Discoverable
Aftereffects
(Inertia & Friction)
http://tinyurl.com/WP7-UI-Interaction
Gestures
The Code
Single Touch
–Tap
–Double Tap
–Touch and Hold
–Pan
–Flick
Multi Touch
Gestures
–Pinch
–Stretch
Tap
Behaviors/Actions
Usage
• Finger down provides touch
indication
• Finger up executes the action
• Stops content from moving
on the screen.
• MouseLeftButton
Up/Down
• Button Click
• Toolkit Tap Event
Double Tap
Behaviors/Actions
Usage
• Toggles Zoom In/Out
• Toolkit DoubleTap
Event
Touch and Hold
Behaviors/Actions
Usage
• Displaying Context Menus
• Displaying Options Pages
• Resetting Objects
• Toolkit Hold Event
• Custom Timer
– Touch FrameReported
– MouseLeftButton
Up/Down
Pan
Behaviors/Actions
• Moving content through
direct manipulation
Usage
• Thumb DragDelta
• ManipulationDelta
– Object should follow your finger
Translate
– Object should snap back to
• Touch FrameReported
closest state
TouchPoint.Position
• Moving or reordering items a
• Toolkit DragDelta
specific item
• VisualStateManager
– Object should drop into place
when the finger is lifted
• FluidMove Behaviors
Flick
Behaviors/Actions
Usage
• Change Pages
• Move Content to another
Area
• ScrollViewer, ListBox,
Panorama, Pivot
• ManipulationDelta
Delta Translate
• Toolkit Flick
• Toolkit PageTransition
• A flick can follow a pan gesture.
• Flick moves the whole canvas,
but developers can specify
individual objects to be moved
instead.
• VisualStateManager
Pinch and Stretch
Behaviors/Actions
• Two finger gesture
– Pinch – Fingers closer together
– Stretch – Fingers further apart
– Twist – Changing directionality
• Continuous Zoom
– Zoom centers between two
fingers
• Rotate
Usage
• ManipulationDelta
Scale
– No Rotate
• Toolkit Pinch
Where are you touching me?
Built In
Controls
Toolkit
GestureListener
Manipulation
Events
Touch.
FrameReported
Resources
• UI Interaction PDF – Main Source
– http://tinyurl.com/WP7-UI-Interaction
• Silverlight Toolkit – Windows Phone Gesture Listener
• http://silverlight.codeplex.com
• MultiTouchVista – Multi Mouse Emulator
– http://multitouchvista.codeplex.com/
• MultiTouch Manipulation
– http://multitouch.codeplex.com
http://tinyurl.com/wordswipe
Windows Phone Marketplace:
WordSwipe
Thank You
Ben Dewey
Tallan, Inc.
[email protected]
Twitter @bendewey