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

Slide decks from my Oredev sessions

Thanks to everyone who attended my sessions at the Oredev conference in Malmo, Sweden. Thank you also for all the great questions and feedback after the sessions – much appreciated! I have attached my slide decks to this post for those who are interested. Some of the demos that I coded or showed during the sessions…

1

Off to Oredev

Just a quick note: I am on my way to Oredev conference. I’ll be presenting the following two talks there: Introduction to application development with WPF and Silverlight for TabletPCs and UMPCs Advanced application development with WPF and Silverlight for TabletPCs and UMPCs I’ll post slide decks and demos here after I those presentations.


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