Windows10-development-adaptive-design

提供:Dev Guides
移動先:案内検索

Windows 10開発-アダプティブデザイン

Windows 10では、ユニバーサルWindowsプラットフォーム(UWP)アプリケーションは次のような多くのデバイスファミリで実行されます-

  • デスクトップデバイスファミリ-タブレット、ラップトップ、PC
  • モバイルデバイスファミリ-Windows Phone、ファブレット
  • * IoTデバイスファミリ*-ウェアラブルや家電などのコンパクトなデバイス
  • チームデバイスファミリ-Surfaceハブ

各デバイスファミリには、独自の画面サイズとウィンドウサイズがあります。 では、画面サイズと入力方法が劇的に異なる複数のデバイスで優れたユーザーエクスペリエンスを提供するアプリをどのように設計するのでしょうか。

複数のデバイスファミリ用にアプリケーションを設計するには、追加の検討、計画、および設計が必要です。 Windows 10 UWPは、一連の組み込み機能とユニバーサルビルディングブロックを提供します。これにより、複数のデバイス向けの設計が容易になり、プラットフォームコントロールでサポートされるさまざまな画面サイズとウィンドウサイズに自動的にスケーリングできます。

新しい組み込み機能

以下は、開発者がUWPアプリケーションを作成するときに使用できる新機能です。 これらの機能は自動で無料です。

効果的なピクセルとプラットフォームのスケーリング

UWPアプリケーションがWindows 10でサポートされているデバイスで実行されている場合-

  • システムは、アルゴリズムを使用して、コントロール、フォント、およびその他のUI要素が現在実行されているデバイスの画面に表示される方法を正規化します。
  • スケーリングアルゴリズム。表示距離と画面密度(1インチあたりのピクセル数)を制御して、想定サイズ(物理サイズではなく)を最適化します。
  • スケーリングアルゴリズムにより、10フィート離れたSurface Hubの36ピクセルフォントは、数インチ離れた5インチ電話の36ピクセルフォントと同じくらいユーザーに読みやすくなります。

スケーリングアルゴリズム

ユニバーサル入力とスマートな相互作用

ユニバーサルWindowsプラットフォームには、すべてのデバイスの入力を理解する組み込みのスマートインタラクション入力システムがあります。 たとえば、アプリケーションでクリックインタラクションを設計する場合、クリックが実際のマウスクリックによるものか、指のタップによるものかを知る必要はありません。 システムが自動的に実行します。

ユニバーサルビルディングブロック

いくつかの貴重なビルディングブロックがあり、ユニバーサルWindowsプラットフォーム(UWP)で複数のデバイスファミリ用のアプリケーションを簡単に設計できます。

ユニバーサルコントロール

UWPは、すべてのWindows 10デバイスで正常に動作することが保証されているユニバーサルコントロールのセットを提供します。

  • この「ユニバーサルコントロール」リストには、ラジオボタン、コンボボックス、テキストボックスなどの一般的なコントロールが含まれています。
  • また、データのストリームとテンプレートからアイテムのリストを生成できる grid viewlist view などの高度なコントロールも含まれています。

ユニバーサルスタイル

UWPアプリは、これらの機能を提供するスタイルのデフォルトセットを自動的に取得します-

  • アプリに自動的に明るいテーマまたは暗いテーマを与える一連のスタイル。
  • インタラクションのデフォルトのアニメーション。
  • ハイコントラストモードの自動サポート。
  • 他の言語の自動サポート。 既定のスタイルでは、Windowsがサポートするすべての言語に対して正しいフォントが自動的に選択されます。 同じアプリで複数の言語を使用することもでき、それらは適切に表示されます。