マウス操作

2025-09-11

タッチ入力用に Windows アプリの設計を最適化し、既定で基本的なマウスサポートを取得します。

マウス入力は、ポイントおよびクリック時に精度を必要とするユーザー操作に最適です。この固有の精度は、タッチの不正確な性質のために最適化された Windows の UI によって自然にサポートされます。

マウスとタッチ入力が分岐する場合、タッチは、それらのオブジェクトに対して直接実行される物理的なジェスチャ (スワイプ、スライド、ドラッグ、回転など) を介して UI 要素の直接操作をより厳密にエミュレートする機能です。通常、マウスによる操作には、ハンドルを使用してオブジェクトのサイズを変更または回転するなど、他の UI アフォーダンスが必要です。

このトピックでは、マウス操作の設計上の考慮事項について説明します。

UWP アプリのマウス言語

マウス操作の簡潔なセットは、システム全体で一貫して使用されます。

任期	Description
学習にマウスポインターを合わせる	要素の上にマウスポインターを置くと、アクションに対するコミットメントなしで、より詳細な情報や教育ビジュアル (ヒントなど) が表示されます。
プライマリアクションの左クリック	要素を左クリックして、そのプライマリアクション (アプリの起動やコマンドの実行など) を呼び出します。
スクロールしてビューを変更する	スクロールバーを表示して、コンテンツ領域内で上下左右に移動します。ユーザーは、スクロールバーをクリックするか、マウスホイールを回転させてスクロールできます。スクロールバーは、コンテンツ領域内で現在のビューの位置を示すことができます。また、タッチ操作でパンする際にも同様のUIが表示されます。
右クリックして選択してコマンドを実行する	右クリックすると、ナビゲーションバー (使用可能な場合) とアプリバーがグローバルコマンドと共に表示されます。要素を右クリックして選択し、選択した要素のコンテキストコマンドを含むアプリバーを表示します。手記選択コマンドまたはアプリバーコマンドが適切な UI 動作でない場合は、右クリックしてコンテキストメニューを表示します。ただし、すべてのコマンド動作にアプリバーを使用することを強くお勧めします。
ズームする UI コマンド	アプリバーに UI コマンド (+、-など) を表示するか、Ctrl キーを押しながらマウスホイールを回転させて、ズーム用のピンチジェスチャとストレッチジェスチャをエミュレートします。
回転用のUIコマンド	アプリバーに UI コマンドを表示するか、Ctrl キーを押しながら Shift キーを押しながらマウスホイールを回転させて、回転するターンジェスチャをエミュレートします。デバイス自体を回転させて画面全体を回転させます。
左クリックしてドラッグして並べ替える	要素を左クリックしてドラッグして移動します。
左クリックしてドラッグしてテキストを選択する	選択可能なテキスト内を左クリックし、ドラッグして選択します。ダブルクリックして単語を選択します。

マウス入力イベント

ほとんどのマウス入力は、すべての UIElement オブジェクトでサポートされている一般的なルーティング入力イベントを介して処理できます。これらには次のものが含まれます。

ただし、 Windows.UI.Input のポインター、ジェスチャ、操作イベントを使用して、各デバイスの特定の機能 (マウスホイールイベントなど) を利用できます。

サンプル： の BasicInput サンプルを参照してください。

視覚的なフィードバックのガイドライン

(移動イベントまたはホバーイベントを通じて) マウスが検出された場合は、マウス固有の UI を表示して、要素によって公開される機能を示します。マウスが一定の時間動かない場合、またはユーザーがタッチ操作を開始した場合は、マウス UI を徐々にフェードアウトさせます。これにより、UI がクリーンで整然と維持されます。
ホバーフィードバックにはカーソルを使用しないでください。要素によって提供されるフィードバックで十分です (以下のカーソルを参照)。
要素が相互作用 (静的テキストなど) をサポートしていない場合は、視覚的なフィードバックを表示しません。
マウス操作でフォーカス四角形を使用しないでください。キーボード操作用にこれらの機能を設定します。
同じ入力ターゲットを表すすべての要素に対してビジュアルフィードバックを同時に表示します。
パン、回転、ズームなどのタッチベースの操作をエミュレートするためのボタン (+、-など) を指定します。

視覚的フィードバックに関する一般的なガイダンスについては、視覚的フィードバックのガイドラインを参照してください。

Cursors

マウスポインターには、標準カーソルのセットを使用できます。これらは、要素の主なアクションを示すために使用されます。

各標準カーソルには、対応する既定のイメージが関連付けられています。ユーザーまたはアプリは、標準カーソルに関連付けられている既定のイメージをいつでも置き換えることができます。 PointerCursor 関数を使用してカーソルイメージを指定します。

マウスカーソルをカスタマイズする必要がある場合:

クリック可能な要素には、常に) を使用します。リンクやその他の対話型要素には、ポインティングハンド ) を使用しないでください。代わりに、ホバー効果を使用します (前述)。
選択可能なテキストには) を使用します。
移動が主なアクション (ドラッグやトリミングなど) である場合は、移動) を使用します。主なアクションがナビゲーション (スタートタイルなど) である要素には、移動カーソルを使用しないでください。
オブジェクトのサイズを変更できる場合は、水平方向、垂直方向、および斜めのサイズ変更、を使用します。
固定キャンバス (マップなど) 内でコンテンツをスクロールする際は、とを使用します。