Complex inking sample

  • Code Sample
Browse code Download ZIP

Shows how to use advanced InkPresenter functionality to achieve scenarios such as interleaving ink with other objects, selecting ink, copy/paste, and event handling. It is built upon the Universal Windows Platform (UWP) in C++ and can run on both Desktop and Mobile Windows 10 SKUs.

Note: This sample is part of a large collection of UWP feature samples. You can download this sample as a standalone ZIP file from docs.microsoft.com, or you can download the entire collection as a single ZIP file, but be sure to unzip everything to access shared dependencies. For more info on working with the ZIP file, the samples collection, and GitHub, see Get the UWP samples from GitHub. For more samples, see the Samples portal on the Windows Dev Center.

Specifically, this sample covers using the Windows.UI.Input.Inking APIs to:

  • Render ink strokes onto app specified VSIS surface
  • Erase ink strokes via mode toggle or eraser button
  • Select ink strokes via mode toggle or barrel button drag
  • Use InkToolbar in custom dry mode

Note Read the following instructions before using the app.

  • Draw ink strokes with a tablet pen, or with finger when Touch Inking Mode is enabled. Mouse can not be used to ink in this sample.
  • Activate the selection mode by hold the pen barrel button and drag on inking surface. Alternatively, checking the Selection Mode combobox.
  • Press Clear button to erase all content from the inking area.
  • Press Insert Shape to insert random geometric shape on top of existing ink. Ink can interleave on top of existing shapes.
  • Touch inking mode can be toggled with Enable Touch Inking checkbox. When touch inking is enabled, both pen and finger can ink.
  • With touch inking disabled, pen can ink while finger manipulates the inking surface.
  • All buttons and menu choices can be activated with mouse, pen, or touch.
  • Message box at the bottom of the page will report any events generated by current active inking input devices.

To obtain information about Windows 10 development, go to the Windows Dev Center

To obtain information about Microsoft Visual Studio and the tools for developing Windows apps, go to Visual Studio

Getting started with apps

Samples

Pen haptics

Reference

Windows.UI.Input.Inking

Operating system requirements

Client: Windows 10

Phone: Windows 10

Build the sample

  1. If you download the samples ZIP, be sure to unzip the entire archive, not just the folder with the sample you want to build.
  2. Start Microsoft Visual Studio and select File > Open > Project/Solution.
  3. Starting in the folder where you unzipped the samples, go to the Samples subfolder, then the subfolder for this specific sample, then the subfolder for your preferred language (C++, C#, or JavaScript). Double-click the Visual Studio Solution (.sln) file.
  4. Press Ctrl+Shift+B, or select Build > Build Solution.

Run the sample

To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.