Silverlight 3 Multi-Touch with Windows 7 and HP Touch Smart.

Inspired by the blog Silverlight 3 Multi-touch: The Basics by Tim Heuer, I thought of experimenting with it and creating a small sample. The logic is pretty simple, I have used TranslateTranform and ScaleTranform to do the movement and scaling respectively. When the TouchAction is Move we can distinguish whether it is a single touch or multi touch from the TouchPointCollection count. When it is a double touch you can calculate the change of distance between the two touch points and transform that as ScaleTransform of the Visual. Please watch the video, I shot on my office HP Touch smart machine.

Have you got a multi-touch monitor?, then run the application here and feel the Silverlight touch. You can set your browser in Full-Screen mode to get a good experience. Please note that the current Silverlight version doesn't accept Touch inputs while running in Silverlight full screen mode(ie, App.Current.Host.Content.IsFullScreen =true). You can read more on Silverlight multi touch on MSDN

Click here to run the application

image

Comments

Anonymous said…
..and it's hosted in Flash? For shame! ;) Nice work!
Friday, August 7, 2009 at 9:12:00 AM PDT
Jobi Joy said…
Oh.. you mean the Youtube video in Flash.
I should ask google to use Silverlight in Youtube :)
Tuesday, August 25, 2009 at 10:50:00 PM PDT
Tim said…
That's fun. Do you know if it is possible to capture WM_TOUCH or WM_GESTURE across the entire desktop? (In .NET 3.5SP1 or 40)
Thursday, September 3, 2009 at 9:35:00 AM PDT
Tim said…
You can get the image to flip backwards if you cross your fingers while shrinking it.
Thursday, September 3, 2009 at 9:36:00 AM PDT
Silverlight Development Company said…
Nice to see such detailed information on Silverlight 3 Multi-Touch with Windows 7 and HP Touch Smart.Silverlight Development Company I found one company called SpadeWorx and they claim that they are leading Flex Development Company in India.
Monday, September 14, 2009 at 7:55:00 PM PDT
Gene said…
Cool, you may also find interesting MIRIA SDK: http://miria.codeplex.com .

Gene.
Tuesday, November 17, 2009 at 5:18:00 PM PST
Anonymous said…
Great article as for me. It would be great to read a bit more about this matter.
BTW look at the design I've made myself High class escort
Thursday, November 19, 2009 at 5:01:00 AM PST
Post a Comment

Popular posts from this blog

Time Picker User Control

The easiest way to create a WPF TimePicker control is to make a user control wrapped for TimeSpan CLR object. Here is a very simple sample which does that. Basically TimeControl is having 4 DPs one for the entire Value (Which is a TimeSpan) and individual Hours, Minutes and Seconds. (We can optionally add Days and Milliseconds also to make the control rich). Here is a C# class TimeControl.xaml.cs public partial class TimeControl : UserControl { public TimeControl() { InitializeComponent(); } public TimeSpan Value { get { return ( TimeSpan )GetValue(ValueProperty); } set { SetValue(ValueProperty, value ); } } public static readonly DependencyProperty ValueProperty = DependencyProperty .Register( "Value" , typeof ( TimeSpan ), typeof ( TimeControl ), new UIPropertyMetadata ( DateTime .Now.TimeOfDay, new PropertyChangedCallback (OnValueChanged))); ...
Read more

A simple Multiselect ComboBox using expression Blend

Image
I have often seen requirements to have a combobox with multiple selection enabled. We know thatWPF ListBox control is having two special properties, which enables the multiple selection but the combobox doesnt have those public IList SelectedItems { get; } public SelectionMode SelectionMode { get; set; } There are many ways we can make a multiselect combo box 1)Create a custom control from the scratch and have a Listbox in the dropdown 2)Extend the combobox and add the above properties to it 3)Edit the Combobox control template to add necessary controls and binding. I am going to describe the 3rd idea from the above list, which is a total Expression Blend work, so no need of VS2008 to make a multiselect combobox from a simple combobox. Place a combobox in to the editing area and right click on the control to create an copy of the Control template. Now you can see the Control's tree on the left side of Expression Blend The ItemPresenter inside the scrollviewer is actually the...
Read more

A Simple Radial Panel for WPF and SilverLight

Image
Geometry was one of the coolest topics in school for me. Probably because it uses a lot of figures to convey the concepts. Here I am trying to explain how we can leverage the Layout system in WPF and Silver light by taking an example of creating a Radial Panel. A RadialPanel lays out its children in a circular fasion. So before going in to the technical details, let us see how this problem get solved algorithmically.If you are asked to arrange a bunch of items in a circular path, what all things would you consider?. 1) How much space do I have? – Say X * Y rectangular area is the available size. 2) I will draw an approximate Circle (Or ellipse) inside the X*Y space. Assuming that the Radii are ‘Rx and Ry' 3) How many items are there to arrange? Say N – number 4) I know that 360 degrees are the total angular space for a circle. So angular distance between each item will be 360/N degrees. 6) I can calculate the coordinate point to which an item should be placed. That is by doing the ...
Read more