ExpandMenu コントロール (実験段階)

  • [アーティクル]

[この記事はプレリリース ドキュメントであり、変更されることがあります。]

ナビゲーション エクスペリエンスを作成するために使用されるコントロール。

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 )

制限

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