Power Apps の色と境界線のプロパティ

概要

ユーザーの操作方法に基づいて、コントロールのスタイルを構成します。

色は多くの方法で指定できます。

• Color 列挙: 次の例のように、カスケード スタイル シートから色の名前を指定します。

  • Color.Red
  • Color.Indigo

• ColorValue 関数: 次の例のように、カスケード スタイル シートおよび 16 進数コード (#) から色の名前などのテキスト文字列を指定します。

  • ColorValue( "AliceBlue" )
  • ColorValue( "#ff00ff" )

• ColorFade 関数: 次の例のように、完全な黒 (-100%) から完全な白 (100%) へ色をフェードさせる方法を指定します。

  • ColorFade( Color.Red, 50% )

• RGBA 関数: 次の例のように、赤、緑、および青のコンポーネントを 0 から 255 の間で指定し、アルファ チャネルを 0% (完全な透明) から 100% (完全な不透明) の間で指定します。

  • RGBA( 255, 0, 255, 25% )

色のプロパティは、その他の色のプロパティを参照することもできます。 たとえば、Label.PressedColo は、式 Label1.Color に設定でき、あるプロパティから別のプロパティへの変更を自動的にカスケードします。

正常

通常、コントロールを操作していないときに、これらのプロパティは有効です。

BorderColor – コントロールの境界線の色。

• 画像の追加、音声、ボタン、カメラ、カード、チェックボックス、棒グラフ、日付の選択、表示フォーム、ドロップダウン、編集フォーム、エクスポート、ギャラリー、HTML テキスト、画像、インポート、ラベル、折れ線グラフ、リスト ボックス、マイク、PDF ビューア―、ペン入力、円グラフ、ラジオ、評価、スライダー、テキスト入力、タイマー、トグル、ビデオ の各コントロールに適用されます。

BorderStyle – コントロールの境界線が実線、破線、点線、またはなしかどうか。

• 画像の追加、音声、ボタン、カメラ、カード、チェックボックス、棒グラフ、日付の選択、表示フォーム、ドロップダウン、編集フォーム、エクスポート、ギャラリー、HTML テキスト、画像、インポート、ラベル、折れ線グラフ、リスト ボックス、マイク、PDF ビューア―、ペン入力、円グラフ、ラジオ、評価、スライダー、テキスト入力、タイマー、トグル、ビデオ の各コントロールに適用されます。

BorderThickness – コントロールの境界線の太さ。

• 画像の追加、音声、ボタン、カメラ、カード、チェックボックス、棒グラフ、日付の選択、表示フォーム、ドロップダウン、編集フォーム、エクスポート、ギャラリー、HTML テキスト、画像、インポート、ラベル、折れ線グラフ、リスト ボックス、マイク、PDF ビューア―、ペン入力、円グラフ、ラジオ、評価、スライダー、テキスト入力、タイマー、トグル、ビデオ の各コントロールに適用されます。

Color – コントロールのテキストの色。

• 画像の追加、ボタン、チェックボックス、棒グラフ、日付の選択、ドロップダウン、エクスポート、HTML テキスト、インポート、ラベル、折れ線グラフ、リスト ボックス、マイク、ペン入力、円グラフ、ラジオ、テキスト入力、タイマー の各コントロールに適用されます。

ドロップシャドウ - コントロールの周囲に影の効果を追加します。

• 垂直コンテナー と 垂直コンテナー コントロールに適用されます。

Fill – コントロールの背景色。

• 画像の追加、音声、ボタン、カード、チェックボックス、日付の選択、表示フォーム、ドロップダウン、編集フォーム、エクスポート、ギャラリー、HTML テキスト、アイコン、画像、インポート, ラベル, リスト ボックス, マイク、PDF ビューア―、ペン入力、ラジオ、評価、画面、図形、テキスト入力、タイマー、トグル、ビデオ の各コントロールに適用されます。

フォーカスがある

次のプロパティは、コントロールにフォーカスがある場合に効力があります。

FocusedBorderColor – コントロールにフォーカスがあるときのコントロールの境界線の色です。

FocusedBorderThickness – フォーカスがあるときのコントロールの境界線の太さです。

• これらのプロパティは、画像の追加、添付ファイル、音声、ボタン、カメラ、チェックボックス、コンボ ボックス、日付の選択、ドロップダウン、エクスポート、ギャラリー、アイコン、画像、インポート、ラベル、リスト ボックス、マイク、ラジオ、評価、図形、スライダー、テキスト入力、タイマー、トグル、ビデオ の各コントロールに適用されます。

無効

次のプロパティは、コントロールが無効なときに効力があります。 DisplayMode プロパティが 無効化 に設定されている場合、コントロールを無効にできます。

DisabledBorderColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの境界線の色。

• 画像の追加、ボタン、チェックボックス、棒グラフ、日付の選択、ドロップダウン、エクスポート、HTML テキスト、画像、インポート、ラベル、折れ線グラフ、リストボックス、マイク、PDF ビューア―、円グラフ、ラジオ、スライダー、テキスト入力、タイマー、トグル の各コントールに適用されます。

DisabledColor – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロール内のテキストの色。

• 画像の追加、ボタン、チェックボックス、日付の選択、ドロップダウン、エクスポート、インポート、ラベル、リストボックス、マイク、ラジオ、テキスト入力、タイマー の各コントロールに適用されます。

DisabledFill – コントロールの DisplayMode プロパティが無効に設定されている場合のコントロールの背景色。

• 画像の追加、ボタン、チェックボックス、日付の選択、ドロップダウン、エクスポート、HTML テキスト、画像、インポート、ラベル、リスト ボックス、マイク、ラジオ、テキスト入力、タイマー の各コントロールに適用されます。

ホバー

次のプロパティは、ユーザーがコントロール上にマウス ポインターを重ねたときに効力があります。

HoverBorderColor – ユーザーがコントロール上にマウス ポインターを重ねているときのコントロールの境界線の色。

• 画像の追加、ボタン、チェックボックス、棒グラフ、ドロップダウン、エクスポート、HTML テキスト、画像、インポート、ラベル、折れ線グラフ、リスト ボックス、マイク、PDF ビューア―、円グラフ、スライダー、テキスト入力、タイマー、トグル の各コントロールに適用されます。

HoverColor – ユーザーがコントロールにマウス ポインターを重ねているときのコントロール内のテキストの色。

• 画像の追加、ボタン、チェックボックス、ドロップダウン、エクスポート、インポート、ラベル、リスト ボックス、マイク、ラジオ、テキスト入力、タイマー の各コントロールに適用されます。

HoverFill – ユーザーがコントロールにマウス ポインターを重ねているときのコントロールの背景色。

• 画像の追加、ボタン、チェックボックス、ドロップダウン、エクスポート、アイコン、画像、インポート、ラベル、リスト ボックス、マイク、ラジオ、図形、テキスト入力、タイマー の各コントロールに適用されます。

押下

次のプロパティは、ボタンまたはイメージ コントロールが押されているときに効力があります。

PressedBorderColor – ユーザーがコントロールをタップまたはクリックしたときのコントロールの境界線の色。

• 画像の追加、ボタン、チェックボックス、棒グラフ、ドロップダウン、エクスポート、アイコン、画像、インポート、ラベル、折れ線グラフ、リスト ボックス、マイク、PDF ビューア―、円グラフ、図形、スライダー、テキスト入力、タイマー、トグル の各コントロールに適用されます。

PressedColor – ユーザーがコントロールをタップまたはクリックしたときのコントロール内のテキストの色。

• 画像の追加、ボタン、チェックボックス、ドロップダウン、エクスポート、インポート、ラベル、リスト ボックス、マイク、ラジオ、テキスト入力、タイマー の各コントロールに適用されます。

PressedFill – ユーザーがコントロールをタップまたはクリックしたときのコントロールの背景色。

• 画像の追加、ボタン、チェックボックス、ドロップダウン、エクスポート、画像、インポート、ラベル、リスト ボックス、マイク、ラジオ、テキスト入力、タイマー の各コントロールに適用されます。

選択

次のプロパティは、ユーザーがコントロール内の項目を選択したときに効力があります。

SelectionColor – リスト内で選択された項目のテキストの色、またはペン コントロールの選択ツールの色。

• ドロップダウン、リスト ボックス、ペン入力 の各コントロールに適用されます。

SelectionFill – 選択された項目、またはリストの項目、またはペン コントロールの選択領域の背景色。

• ドロップダウン コントロールと リスト ボックス コントロールに適用されます。

色の順序

コントロールは複数の状態にすることができます。 例: フォーカスとホバー。 次の順序で、1 つの色のみが使用されます:

1. いいえ
2. 押下
3. ホバー
4. フォーカス
5. 普通