TabletPC Development Gotchas Part 6: InkCanvas Element Selection/Move/Resize

WPF’s InkCanvas element provides a lot of built-in functionality for several common, ink-related tasks like stylus gesture recognition, point and stroke erase, as well as the selection, resizing and moving of ink strokes. The key to those features is the ‘EditingMode’ property – which is nicely demonstrated in the InkCanvas EditingModes SDK sample (btw, it also demonstrates an implementation of an Undo/Redo…

4

Rendering ink and image to a bitmap using WPF

To follow-up on my previous blog post and to complete the story about rendering ink onto pictures and saving the results as a bitmap file, I want to show how this is done in WPF. In WPF all rendering uses the pipeline – pictures, videos, ink, text, all gets rendered via WPF’s ‘Media Integration Layer’. As…

3

Fun with Ink & XAML Part4: WPF BitmapEffects applied to Ink

Want to create some fancy looking handwritten text or drawing? Tweaking the standard DrawingAttributes on an ink stroke won’t get you very far – and creating a custom ink renderer is a lot of work. Why not just apply some of the WPF BitmapEffects to your ink. All you need to do is add a…

1

Fun with Ink & XAML Part3: Ink Data Binding

Data binding in WPF provides a great way for applications to present and interact with data. Elements can be bound to data from a variety of data sources – for example XML files. I have put together a sample that uses data binding to retrieve a collection of handwritten ink documents from a data store (XML…

3

East Asian Handwriting Recognition - the WPF way

I have put together a sample that demonstrates the integration of East Asian boxed handwriting recognition with the inking and 3D features in WPF. The key, reusable component I have written here is the ‘SingleLetterRecognizer” user control. It can, btw, also be used for western languages (by setting its ‘Lcid’ property accordingly), but i chose East…

4

Fun with Ink & Xaml - Part2: Zoom and Scroll

Here is some more fun with ink and Xaml: Scrolling and zooming ink content – in WPF it is as easy as 1,2,3: 1) place an InkCanvas inside a ScrollViewer 2) assign a ScaleTransform to InkCanvas’ LayoutTransform 3) data-bind to ScaleX/ScaleY properties in order to zoom in and out All of this can be done in…

4

Shape Recognition with WPF and InkAnalysis

Did you know that the Windows Vista SDK contains a shape recognition engine? It’s part of the InkAnalysis framework that provides APIs for handwriting recognition, ink parsing and shape recognition. This framework enables some really cool scenarios, especially when combined with WPF. And it’s very easy to program against it from a WPF app due to…

7

Fun with Ink & Xaml - Part1: Ink Reflections

With the InkCanvas element in WPF you can create stunning inking experiences for TabletPC users (mouse users can play along, too!). Several very cool scenarios can be enabled just by writing markup – without any additional code behind. Here is a first example: an ink input field (takes input from either stylus or mouse) that…

8

.NET 3.5: Viewport2DVisual3D and Ink

WPF 3.5 includes an exciting new feature: Viewport2DVisual3D. It makes building interactive 3D experiences very easy and is nicely integrated with the rest of the WPF Platform. I have used this feature to write a new version of the “Ink Postcard” sample that I wrote a few years back for the Windows SDK. A VS…

1