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

レスポンシブなアプリは、さまざまな画面サイズと解像度にシームレスに適応します。 レスポンシブでマルチデバイスに対応したアプリを設計すると、アクセシビリティのメリットもあります。 コンテナー コントロールを使用して、レスポンシブなアプリのデザインを実現します。

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

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

1. [ コントロールを追加]、[ コンテナー ] の順に選択し、 コンテナーをアプリ 内にドラッグします。
   手記： Apps は、[ コンテナー レイアウト] コントロール内の コンテナー のフォーカス順序を 、[プロジェクト エクスプローラー] パネル内のコンテナーの位置に基づいて設定します。
2. [プロパティ] パネルで [スタイル] を選択します。
3. [ 折り返しを許可] と [ スクロールを許可] を選択します。
4. [ サイズ] で、[ 幅 ] を任意の固定値に設定します。
5. [ その他のオプション ] ボタンを選択します。
6. Maximum sizeで、Maximum widthを100%に設定します。
7. [Advanced] で、[flex grow] プロパティと [flex shrink] プロパティを 1に設定します。

コンテナー内のコントロールは、十分な空き領域がない場合に次の行に折り返されます。

コンテナーは使用可能なスペースをすべて使用しますが、使用可能なスペースを超えて拡張することはありません。