次の方法で共有

タッチ ターゲットのガイドライン

Windows アプリケーションのすべての対話型 UI 要素は、デバイスの種類や入力方法に関係なく、ユーザーが正確にaccessして使用できる十分な大きさである必要があります。

タッチ入力 (およびタッチ接触領域の比較的不正確な性質) をサポートするには、タッチ デジタイザーによって報告されるより大きく複雑な入力データセットを使用して、ユーザーの意図した (または最も可能性の高い) ターゲットを決定するため、ターゲット サイズとコントロール レイアウトに関してさらに最適化が必要です。

すべての UWP コントロールは、既定のタッチ ターゲット サイズとレイアウトを使用して設計されており、快適で使いやすく、自信を与える視覚的にバランスのとれた魅力的なアプリを構築できます。

このトピックでは、プラットフォーム コントロールとカスタム コントロールの両方を使用してアプリを最大限に使えるように設計できるように、これらの既定の動作について説明します (アプリで必要な場合)。

重要な API: Windows.UI.Core、 Windows.UI.Input、 Windows.UI.Xaml.Input

ターゲット サイズ

一般に、タッチターゲットサイズを7.5mm平方範囲(1.0xスケーリングプラトーの135 PPIディスプレイでは40x40ピクセル)に設定します。 通常、WinUI コントロールは 7.5 mm タッチ ターゲットに合わせて調整されます (これは、特定のコントロールと一般的な使用パターンによって異なる場合があります)。 詳細については、「 コントロールのサイズと密度 」を参照してください。

これらのターゲット サイズの推奨事項は、特定のシナリオで必要に応じて調整できます。 考慮すべき点は次のとおりです。

  • タッチの頻度 - 繰り返しまたは頻繁に押されるターゲットを最小サイズよりも大きくすることを検討してください。
  • エラーの結果 - エラーが発生した場合に重大な影響を及ぼすターゲットは、より大きなパディングを持ち、コンテンツ領域の端から離れて配置する必要があります。 これは、頻繁にタッチされるターゲットに特に当てはまります。
  • コンテンツ領域内の位置。
  • フォーム ファクターと画面サイズ。
  • 指の姿勢。
  • タッチの視覚エフェクト。
  • Windows アプリの設計の基本
  • 画面サイズとブレークポイント
  • サイズと密度を制御する
  • 配置、余白、パディング

Samples

アーカイブサンプル

  • Last updated on