apps
2024.10
true
重要 :
このコンテンツの一部は機械翻訳によって処理されており、完全な翻訳を保証するものではありません。
UiPath logo, featuring letters U and I in white
Apps ユーザー ガイド
Automation CloudAutomation Cloud Public SectorAutomation Suite
Last updated 2024年11月11日

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

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

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

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

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

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

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

このページは役に立ちましたか?

サポートを受ける
RPA について学ぶ - オートメーション コース
UiPath コミュニティ フォーラム
Uipath Logo White
信頼とセキュリティ
© 2005-2024 UiPath. All rights reserved.