次の方法で共有


Icon コントロール

Fluent UI アイコンを表示するために使用されるコントロール。

Icon コントロール。

Description

このコントロールは、名前に基づいて Fluent UI Icon を表示します。 これを使用して、カスタム スタイルの Icon のボタンとアクション ボタンを簡単に作成できます。

Icon のリストについては、Fluent UI Icon を参照してください。

重要なプロパティ

Property Description
ItemIconName 使用する Fluent UI アイコン (Fluent UI アイコンを参照)
IconType アイコンを Action buttonIcon buttonIcon only タイプとしてレンダリングします
IconSize アイコンのサイズ (ピクセル単位)
Text 表示されるテキスト (Action button タイプに対応)
TextAlignment テキストの位置 (Action buttonIcon only タイプで機能します)
Tooltip ユーザーがアイコンにカーソルを置いたときにヒントに表示されるテキスト。

追加のプロパティ

Property Description
FontSize フォントのサイズ (Action button タイプに対応)
IconColor アイコンの色
HoverIconColor ホバー時に表示されるアイコンの色
FontColor フォントの色
HoverFontColor ホバー時に表示されるフォントの色
FillColor アイコンの背景塗りつぶしの色 (Action buttonIcon button タイプに対応)
HoverFillColor ホバー時に表示される塗りつぶしの色 (Action buttonIcon button タイプに対応)
BorderColor アイコンの境界線塗りつぶしの色 (Action buttonIcon button タイプに対応)
HoverBorderColor ホバー時に表示される境界線の色
BorderRadius コーナーの丸さ (Action buttonIcon button タイプで機能します)
Theme Fluent UI テーマ デザイナー (windows.net) を使用して生成された JSON 文字列を受け入れます。 これを空白のままにすると、Power Apps が定義した既定のテーマが使用されます。 構成方法に関するガイドラインは、テーマ を参照してください。
AccessibilityLabel スクリーン リーダーの aria-label
InputEvent コントロールに送信するイベント。

Behavior

  • SetFocusInputEvent としてサポートします。

制限

このコード コンポーネントは、キャンバス アプリとカスタム ページでのみ使用できます。