レスポンシブなアプリのデザイン

レスポンシブ アプリは、さまざまな画面サイズと解像度にシームレスに適応します。アプリをレスポンシブかつマルチデバイスに対応するようにデザインすると、アクセシビリティ上の利点もあります。レスポンシブ アプリを設計するには、[コンテナー] コントロールを使用します。

詳しくは「コンテナー」を参照してください。

[コンテナー] コントロールをレスポンシブに設定するには、次の手順を実行します。

1. [コントロールを追加]、[コンテナー] の順に選択し、コンテナーをアプリ内にドラッグします。
   注:

   Apps では、[コンテナー レイアウト] コントロール内のコンテナーのフォーカス順序は、[プロジェクト エクスプローラー] パネル内のコンテナーの位置に基づいて設定されます。

2. [プロパティ] パネルで [スタイル] を選択します。
3. [折り返しを許可] と [スクロールを許可] を選択します。
4. [サイズ] で [幅] を任意の固定値に設定します。
5. [その他のオプション] ボタンを選択します。
6. [最大サイズ] で、[幅] を 100% に設定します。
7. [詳細設定] で、[伸び率] プロパティと [縮み率] プロパティを 1 に設定します。

十分なスペースがない場合、[コンテナー] 内のコントロールは次の行に折り返されます。

[コンテナー] は利用可能なスペース全体を使用しますが、利用可能なスペースを超えて拡大することはありません。