ExpandMenu コントロール(実験)
[この記事はプレリリース ドキュメントであり、変更されることがあります。]
ナビゲーション エクスペリエンスを作成するために使用されるコントロール。
重要
- これは試験段階の機能です。
- 試験段階の機能は運用環境での使用を想定しておらず、機能が制限されている場合があります。 これらの機能を公式リリースの前に使用できるようにすることで、顧客が一足先にアクセスし、そこからフィードバックを得ることができます。
説明設定
展開メニューは、アプリやサイトの主要な領域へのリンクを構成してナビゲーションする Nav
コンポーネントのようなものです。 メニューを展開したり折りたたんだりすることもでき、ユーザーは必要に応じてスペースを増やすことができます。 ExpandMenu コントロールは、アプリの実行時に幅が変化する性質があるため、エクスペリエンスが確実に応答するために、レイアウト コンテナーとともに使用する必要があります。
このキャンバス コンポーネントは、Fluent UI Nav コントロールのスタイルと制限付き動作を模倣します。
プロパティ
重要なプロパティ
Property | 説明設定 |
---|---|
Items |
メニューに項目を表示するデータセット。 |
IsNavigationEnabled |
選択時に項目の指定した Screen に移動できるようにします |
DefaultExpandValue |
コントロールが読み込み時に展開されるかどうか |
Items プロパティ
Property | 説明設定 |
---|---|
Label |
メニュー項目に表示されるテキスト。 |
Icon |
Fluent UIアイコン 名前別 |
Screen |
項目を選択したときに移動するアプリ画面。 |
Items
プロパティの例:
Table(
{
Icon: "PowerApps",
Label: "Power Apps",
Screen:PowerAppsScreen
},{
Icon: "PowerBILogo",
Label: "Power BI",
Screen:PowerBIScreen
},{
Icon: "PowerAutomateLogo",
Label: "Power Automate",
Screen:PowerAutomateScreen
},{
Icon: "Dataverse",
Label: "Dataverse",
Screen:DataverseScreen
}
)
スタイル プロパティ
Property | 説明設定 |
---|---|
Theme |
テーマ オブジェクト。 構成方法に関するガイドラインは、テーマ を参照してください。 |
イベントのプロパティ
Property | 説明設定 |
---|---|
OnExpandSelect |
ハンバーガー ボタンを選択するとトリガーされるアクション式 |
OnButtonSelect |
いずれかのボタンが選択されたときにトリガーされるアクション式 |
重要
前述のコード例の画面値はサンプルであり、アプリには存在しない場合があります。 必要に応じて、画面値を自身のアプリの画面名に置き換えるようにしてください。
Behavior
展開/折りたたむ
Width
プロパティを次の式に設定します。 幅の値は、アプリの解像度に基づいて調整できます。
If( Self.IsExpanded, 200, 46 )
制限
このキャンバス コンポーネントは、キャンバス アプリとカスタム ページでのみ使用できます。