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 width]100% に設定します。
  7. [詳細設定] で、[伸び率] プロパティと [縮み率] プロパティを 1 に設定します。

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

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

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

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