Last month with the release of version 1.7 of our SDK and toolkit we introduced something called the InteractionStream. Included in this release were two new samples called Controls Basics and Interaction Gallery which, among other things, show how to use the new InteractionStream along with new interactions like Press and Grip. Both of these new samples are written using managed code (C#) and WPF.
One question I’ve been hearing from developers is, “I don’t want to use WPF but I still want to use InteractionStream with managed code. How do I do this?” In this post I’m going to show how to do exactly that. I’m going to take it to the extreme by removing the UI layer completely: we’ll use a console app using C#.
The way our application will work is summarized in the diagram below:
There are a few things to note here:
- Upon starting the program, we initialize our sensor, interactions, and create FrameReady event handlers.
- Our sensor is generating data for every frame. We use our FrameReady event handlers to respond and handle depth, skeleton, and interaction frames.
- The program implements the IInteractionClient interface which requires us to implement a method called GetInteractionInfoAtLocationwhich gives us back information about interactions happening with a particular user at a specified location:
public InteractionInfo GetInteractionInfoAtLocation(int skeletonTrackingId, InteractionHandType handType, double x, double y)
var interactionInfo = new InteractionInfo
IsPressTarget = false,
IsGripTarget = false
// Map coordinates from [0.0,1.0] coordinates to UI-relative coordinates
double xUI = x * InteractionRegionWidth;
double yUI = y * InteractionRegionHeight;
var uiElement = this.PerformHitTest(xUI, yUI);
if (uiElement != null)
interactionInfo.IsPressTarget = true;
// If UI framework uses strings as button IDs, use string hash code as ID
interactionInfo.PressTargetControlId = uiElement.Id.GetHashCode();
// Designate center of button to be the press attraction point
//// TODO: Create your own logic to assign press attraction points if center
//// TODO: is not always the desired attraction point.
interactionInfo.PressAttractionPointX = ((uiElement.Left + uiElement.Right) / 2.0) / InteractionRegionWidth;
interactionInfo.PressAttractionPointY = ((uiElement.Top + uiElement.Bottom) / 2.0) / InteractionRegionHeight;
- The other noteworthy part of our program is in the InteractionFrameReady method. This is where we process information about our users, route our UI events, handle things like Grip and GripRelease, etc.
I’ve posted some sample code that you may download and use to get started using InteractStream in your own managed apps. The code is loaded with tips in the comments that should get you started down the path of using our interactions in your own apps. Thanks to Eddy Escardo Raffo on my team for writing the sample console app.