- 基本情報
- デモ アプリ
- 使い方
- 通知
- VB の式を使用する
- アプリをデザインする
- イベントとルール
- アプリで RPA を活用する
- アプリ内でエンティティを活用する
- アプリ内でキューを活用する
- アプリでメディアを活用する
- アプリでアクションを活用する
- アプリケーション ライフサイクル管理 (ALM)
- UiPath® ファーストパーティ アプリ
- 基本的なトラブルシューティング ガイド
レイアウトとスタイル
App Studio では、アプリのレイアウトをカスタマイズできる豊富なオプションが用意されており、さまざまなコンテナー コントロールやコントロールごとのスタイル オプションを使用できます。
ページのレイアウトは、[コンテナー レイアウト] コントロールを使用して簡単にカスタマイズできます。これにより、複数のコントロールを特定の位置にグループ化して、個々のコントロール (コンテナー) のレイアウトと配置を設定することができます。
ページまたはコンテナー内のコントロールの位置をカスタマイズするには、以下の手順を実行します。
-
対象のコントロールが存在するページまたはコンテナーを選択します。
-
[スタイル] パネルで、[レイアウト] ([縦方向]、[横方向]) とコントロールの配置 ([左]、[中央]、[右]、[画面に合わせて伸縮]、[上]、[中央]、[下]、[幅/高さを揃える]) を選択します。
注:既定では、コントロールは 1 行に収まり、親コンテナーの配置を継承します。
- (任意) 対象のコントロールで、利用可能なオプションの 1 つを選択して、継承された配置を上書きします。コンテナーを既定の配置に戻すには、上書きされた配置の選択を解除します。
- (任意) 対象のコンテナーまたはページで、[折り返しを許可] オプションを選択してコントロールを複数行に折り返します。
auto
] に設定すると、ボタンのサイズがボタン内のテキストに基づいて大きくなるか、縮小されます。
特定の高さと幅も設定できます。幅/高さの最小サイズと最大サイズは、[スタイル] パネルの [サイズ] セクションの、3 点リーダー メニューのアイコン (...) をクリックして設定できます。
%
、px
(ピクセル)、および em
(要素のフォント サイズに相対的) です。たとえば、「3em」は、現在のフォントの 3 倍のサイズを意味します。
100px
」と入力します。
測定単位を指定しない場合、既定でピクセル (px) に設定されます。
アプリ内でのテキストの表示方法を変更するには、[フォント] セクションの属性 (フォント ファミリ、サイズ、色、スタイルなど) を調整します。
色の値の横にある矢印をクリックして、RGB、HEX、HSL の間で色形式を切り替えることができます。
コントロールとコンテナーの配置は、[マージン] セクションと [パディング] セクションの属性を使用して設定できます。
[マージン] はコントロールの周囲の空白を設定します。
[パディング] はコントロールとその内側にあるコンテンツの間の空白を設定します。
[上/下] および [左/右] の値を解除して新たに設定するには、[マージン]/[パディング] セクションの右側にある [リンク] ボタンをクリックします。
[コンテナー] コントロールではマージンとパディングを設定できますが、大半のコントロールではマージンのみを設定できます。