言語: HTML | XAML

ペン操作とスタイラス操作への反応 (XAML)

Applies to Windows only

ペンやスタイラスのサポートを追加して、手書きノート、描画、コメントを作成できるアプリを作成します。

このドキュメントは、ペン入力を受け付けるデジタイザーが接続されているタブレットとコンピューター用の Windows ストア アプリの開発に関するものです。デジタイザーは画面の表面の下にある場合も、周辺機器として接続されている場合もあります。

ヒント  このトピックの情報は、C++、C#、Visual Basic を使った Windows ストア アプリにのみ適用されます。

JavaScript を使った Windows ストア アプリについては、「ペン操作とスタイラス操作への反応 (HTML)」をご覧ください。

前提条件:  C++、C#、Visual Basic を使って Windows ストア アプリを開発するのが初めての場合は、以下のトピックに目を通して、ここで説明されているテクノロジをよく理解できるようにしてください。

C# または Visual Basic を使った初めての Windows ストア アプリの作成

C++ を使った初めての Windows ストア アプリの作成

C# または Visual Basic を使った Windows ランタイム アプリのためのロードマップ

C++ を使った Windows ストア アプリのためのロードマップ

イベントについては、「イベントとルーティング イベントの概要」をご覧ください。

アプリの機能の概要:  この機能について詳しくは、「アプリの機能の概要」シリーズをご覧ください。

ユーザー操作の概要 (XAML)

ユーザー操作のカスタマイズの概要 (XAML)

ユーザー エクスペリエンス ガイドライン:  

プラットフォーム コントロール ライブラリ (HTMLXAML) は、標準的な対話式操作、アニメーション化された物理的効果、視覚的フィードバックなど、Windows の完全なユーザー操作エクスペリエンスを提供しています。 操作のサポートをカスタマイズする必要がない場合は、これらのビルトイン コントロールを使います。

プラットフォーム コントロールでは十分に対応できない場合は、以下のユーザー操作ガイドラインに従うと、どの入力モードでも一貫性のある、魅力的でイマーシブな対話式操作エクスペリエンスを実現できます。これらのガイドラインは、主にタッチ入力を対象として説明していますが、タッチパッド、マウス、キーボード、スタイラスでの入力にも当てはまります。

サンプル:  Windows ストア アプリのサンプルで、この機能の動作を実際に確かめることができます。

入力サンプル

入力: デバイス機能のサンプルに関するページ

入力: インクのサンプル

入力: 簡略化されたインクのサンプル

概要

ペン/スタイラスは、ポインティング デバイスとして使うことができます。また、デジタル インクに関連付けられた描画デバイスにすることもできます。

Windows 8 のインク プラットフォームでペン/スタイラス デバイスを使うと、自然な形で手書きノート、描画、コメントを作成できます。このプラットフォームは、デジタイザー入力からのインク データのキャプチャ、インク データの生成、出力デバイスへのインク ストロークとしてのデータのレンダリング、インク データの管理、手書き認識の実行をサポートします。

ユーザーが書いたり描画したりするときのペンの空間移動のキャプチャに加えて、アプリで筆圧、形状、色、不透明度などの情報を収集して、紙の上でペン、鉛筆、ブラシを使っているときに近いユーザー エクスペリエンスを実現することもできます。

  Windows 8 のインク プラットフォームは、タッチ デジタイザーやマウス デバイスなどの他のポインター デバイスからの入力もサポートします。

ペン入力の固有の正確さは、Windows 8 の UI でも当然サポートされていますが、タッチの本来の不正確さに合わせて最適化されています。Windows ストア アプリの設計はタッチ入力用に最適化し、既定の基本的なペンのサポートを利用します。

直接的な操作を強調するシナリオでペン操作をサポートするには、PointerEntered イベントを使って、ペン固有の UI を公開します。このペン固有の UI により、アプリのユーザーが使っているデバイスとは関係なく、対応する機能を提供できます。たとえば、ペンが検出されているときに、スクロール バーを使ってパンをエミュレートしたり、"前へ" ボタンと "次へ" ボタンを使ってコンテンツのページをフリップしたりします。

このセクションの内容

トピック説明

クイック スタート: インク データのキャプチャ

このクイック スタートでは、入力デジタイザーからのインク データのキャプチャについて説明します。

 

関連トピック

概念
ユーザー操作への応答

 

 

表示:
© 2015 Microsoft