Touch - Multi-Touch Behaviors for Silverlight 3 and WPF 3.5SP1

Source code checked in, #69631

Project Collection Service Accounts — Mon, 01 Oct 2012 21:13:48 GMT

Upgrade: New Version of LabDefaultTemplate.xaml. To upgrade your build definitions, please visit the following link: http://go.microsoft.com/fwlink/?LinkId=254563

Source code checked in, #69630

Project Collection Service Accounts — Mon, 01 Oct 2012 21:07:03 GMT

Checked in by server upgrade

New Post: How best to capture selection of a listitem using TouchScrollBehavior?

greengumby — Thu, 24 Feb 2011 06:20:21 GMT

Did this ever get resolved as I have the same issue.

Thanks

New Post: How best to capture selection of a listitem using TouchScrollBehavior?

tanagram — Fri, 14 Jan 2011 18:07:18 GMT

Hi LAHunt,

Thanks for your question. I wanted to let you know that we got this and are in the process of responding. My guys want to poke at the code a bit to come to the best possible answer to your question. My goal is to get you a clear answer early next week.

Have a great weekend!

New Post: How best to capture selection of a listitem using TouchScrollBehavior?

lahunt — Thu, 13 Jan 2011 16:00:39 GMT

Hi,

Many thanks for this behavior, the TouchScrollBehavior works well when flicking through a scrollable ListBox.

However, when it comes to selecting an actual item in the list to navigate to another screen, SelectionChanged doesn't work.

SelectionChanged in a ListBox gets fired as soon as you touch down or mouse down on an item.

How do you recomend capturing an item selection when using your TouchScrollBehavior ? Presumably mouseUp would always get fired after a flick gesture, which also wouldn't be desired.

Thanks in advance,

LAHunt

Source code checked in, #48968

_TFSSERVICE — Thu, 22 Jul 2010 18:55:41 GMT

Checked in by server upgrade

Source code checked in, #46192

tanagram — Fri, 28 May 2010 02:11:05 GMT

Updated Wiki: Home

tanagram — Fri, 23 Apr 2010 17:34:52 GMT

Multi-Touch for everyone, now.

Project Overview

The APIs in WPF4 plus the Surface Toolkit for Windows Touch make building common touch scenarios easy. However, implementing many of the same touch scenarios using WPF3.5SP1 or Silverlight 3/4 involves writing a fair bit more code. Furthermore, the touch APIs across WPF4, WPF3.5SP1, and Silverlight are different.

Project Goals

The goal of this project is to simplify building common touch scenarios when using WPF 3.5 SP1 or Silverlight 3/4 by using Expression Blend Behaviors to provide a consistent way to implement these scenarios across WPF & Silverlight. Expression Blend Behaviors can be used within Visual Studio without a dependency on Expression Blend by downloading the Expression Blend 3 SDK. You can also find more Expression Blend Behaviors at http://expressionblend.codeplex.com/ and http://tinyurl.com/ExpressionGalleryBehaviors.

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Press

Channel 9 Interview

Launch in another window

Related Links

Spill.Tanagram.com

Updated Wiki: Home

tanagram — Fri, 23 Apr 2010 17:34:28 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Press

Channel 9 Interview

Launch in another window

Related Links

Spill.Tanagram.com:http://spill.tanagram.com/?s=touch.codeplex.com

Updated Wiki: Home

tanagram — Fri, 23 Apr 2010 17:15:07 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Press

Channel 9 Interview

Launch in another window

Updated Wiki: Home

tanagram — Fri, 23 Apr 2010 17:14:18 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Press

Channel 9 Interview

Launch in another window

Updated Wiki: Home

tanagram — Fri, 23 Apr 2010 17:10:15 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Press

Channel 9 Interview

Launch in another window

Updated Wiki: Home

tanagram — Fri, 23 Apr 2010 17:01:45 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Press

Channel 9 Interview

Updated Wiki: Home

tanagram — Fri, 23 Apr 2010 17:00:53 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Press

Channel 9 Interview

New Post: Other codeplex projects you must see!

tanagram — Mon, 19 Apr 2010 19:04:15 GMT

We have incorporated code from a few of these guys and a few just plain inspire us. Hopefully you'll find them useful as you realize NUI! Silveright Augmented Reality Toolkit - http (slartoolkit)://slartoolkit.codeplex.com Touchless - http://touchless.codeplex.com Expression Blend Gestures - http://expressionblend.codeplex.com Team Touch

Created Issue: Create a general purpose multi-touch gesture interpreter like MouseGestureTrigger [6077]

keydet — Wed, 24 Feb 2010 20:07:36 GMT

It would be great to see the concept of MouseGestureTrigger from http://expressionblend.codeplex.com/ evolved to work with multi-touch.

See the video at http://channel9.msdn.com/posts/keydet/Implementing-Single-Touch-Gestures-with-MouseGestureTrigger/ for reference

Updated Wiki: Home

tanagram — Thu, 18 Feb 2010 04:26:28 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

Updated Wiki: Home

tanagram — Mon, 15 Feb 2010 17:53:25 GMT

Multi-Touch for everyone, now.

Project Overview

Project Goals

Project Roadmap

Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
Revised Scroll and TranslateRotateScale behaviors
Gesture Behavior (repurpose awesome code from here)
- Erase (Back and Forth Gesture)
- Create (Single Finger Draw '+')
- Delete (Single Finger 'X' Drawn Over Target)
- Select Lasso (Single Finger Draw Lasso)
- Split (Single Finger Diagonal Line)
Hold Menu (Single Finger Touch & Hold Context Menu)
Draw (Three Finger Pen Grasp)
Clone (Two Finger Double Tap)
Open / Edit (Single Finger Double Tap)
Select (Single Finger Tap)
Global Rotate (Five Finger Grab and Rotate of Application)
Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)
Do you have more suggestions? Drop us a line at contact AT tanagram.com or Post your suggestions in the discussions tab.

Project Dependencies

Microsoft Visual Studio 2008 Service Pack 1
Microsoft® Silverlight™ 3 Tools for Visual Studio 2008 SP1
Microsoft Surface Manipulations and Inertia Sample for Microsoft Silverlight (System.Windows.Input.Manipulations.dll SB installed in Trunk->ReferenceAssemblies->Silverlight)
Windows Touch: Developer Resources (Windows7.Multitouch.dll & Windows7.Multitouch.WPF.dll SB installed in Trunk->ReferenceAssemblies->WPF)

New Post: Roadmap feedback

tanagram — Fri, 12 Feb 2010 05:58:02 GMT

Hi Josh,

Thank you for reaching out. Our goal in posting the roadmap was to solicit discussion just like this.

We spent a lot of time on the code we posted (although it can always improve) to insure it was flexible and easy to implement. I think making sure the context menu is skinnable is a great idea. Truth be told we don't like menus (or buttons for that matter). I might be preaching to the choir but buttons and menus, in our opinion, are not part of the future of NUI. They are, however, a necessary evil and we would be remiss to not include them.

With regards to your statement about non-standard gestures, I'm wondering if you can point us to the standard alternatives? We'd love to compare and consider them. We stole the three finger pen grasp from Apple. See it [url:here|http://news.softpedia.com/news/More-Multitouch-from-Apple-Pretend-to-Write-Draw-79301.shtml]. Their approach to erase didn't feel right so we looked for something more natural (like you use your fist to erase a whiteboard). We're certain the fist gesture won't work on a 7" touchscreen which leads me to the next point...

Your point about hardware is well taken. While this code is meant to be a jump-starter until WPF 4 releases, we hope to use this platform as an opportunity to explore the boundaries of touch both from a hardware perspective as well as natural adoption. We are also exploring these gestures in touchless contexts. Love [url:this|http://touchless.codeplex.com/] project btw. Global Rotate (grabbing the entire application and spinning it to be right-side-up for the viewer for example) and Global Perspective Rotate (Measuring changes in the imprint size of each finger point to determine changes in pressure and using that to tilt the entire application in a 3D environment) would only be available today on technology like the Surface. We don't know how long it will be before the hardware vendors unlock the throttled drivers they are shipping with some units today, but we hope not long.

Ultimately we hope the discussion will happen here. We don't intend to put anyone off but hope instead to start the dialog and offer our vision / suggestions as a starting point. The great thing about open-source is you can take it and make it your own. I'm not sure if you or Marc also mentioned converting the fine work done [url:here|http://expressionblend.codeplex.com/] to realize the delete and create gestures mentioned in the vision, but that's awesome!

Thanks again Josh!

New Post: Roadmap feedback

joshb — Fri, 12 Feb 2010 01:52:46 GMT

Hello,

My name is Josh Blake. I'm the lead developer of InfoStrat.VE and blog about natural user interfaces. I'm also writing a Manning book about multi-touch development.

I took a look at the roadmap and have some feedback.

*       Beta Release of core Scroll and TranslateRotateScale behaviors to developer community. <-- You are here
*       Revised Scroll and TranslateRotateScale behaviors
*       Hold Menu (Single Finger Touch & Hold Context Menu)
*       Select (Single Finger Tap)
*       Select Lasso (Single Finger Draw Lasso)

The above goals seem fine. Hopefully the context menu is easily skinnable.

The ones below are all very specific gestures that are non-standard. In addition, the wording assigns specific gestures specific meanings, but the suggested meanings may not be appropriate in all contexts. As one example, applications running on hardware that only allows two touches could not use the Clone, Global Rotate, and Global Perspective Rotate gestures, so designers would likely want to use a different gesture for those actions. Also the difference between the gesture and meaning of Global Rotate and Global Perspective Rotate is unclear.

If I were designing an application and evaluating this library for use, I would be a bit put off by this list. Instead what would be useful if a more generic framework for gesture and manipulation recognition with associated events. The meaning of the gesture and implementation of the event handlers should be left up to the application designers.

*       Draw (Three Finger Pen Grasp)
*       Erase (Fist Wipe)
*       Create (Single Finger Draw '+')
*       Clone (Two Finger Double Tap)
*       Delete (Single Finger 'X' Drawn Over Target)
*       Open / Edit (Single Finger Double Tap)
*       Global Rotate (Five Finger Grab and Rotate of Application)
*       Global Perspective Rotate (Five Finger Pressure to Rotate Application Perspective)

Just my two cents!