ExpandMenu contrôle (expérimental)

[Cet article fait partie de la documentation en version préliminaire et peut faire l’objet de modifications.]

Un contrôle utilisé pour créer une expérience de navigation.

Contrôle ExpandMenu.

Important

  • Il s’agit d’une fonctionnalité expérimentale.
  • Les fonctionnalités expérimentales ne sont pas destinées à une utilisation en production et peuvent avoir des fonctionnalités restreintes. Ces fonctionnalités sont disponibles avant une publication officielle afin que les clients puissent y accéder de façon anticipée et fournir des commentaires.

Description

Les menus extensibles s’apparentent à des composants Nav utilisés pour la navigation, laquelle se compose de liens vers les sections principales d’une application ou d’un site. Vous pouvez également de développer et de réduire le menu, ce qui donne à l’utilisateur la possibilité de disposer de plus d’espace s’il le souhaite. Le contrôle ExpandMenu doit être utilisé avec des conteneurs de mise en page pour s’assurer que l’expérience est réactive en raison de sa nature de largeur variable quand l’application est activée.

Ce composant de canevas imite le style et le comportement limité du Contrôle Nav de l’interface utilisateur Fluent.

Propriétés

Propriétés principales

Propriété Description
Items Un jeu de données qui affiche les éléments dans le menu.
IsNavigationEnabled Activez cette option pour accéder au Screen de l’élément spécifié lors de sa sélection
DefaultExpandValue Si le contrôle est développé au chargement

Items propriétés

Propriété Description
Label Texte à afficher dans l’élément de menu.
Icon Icône Fluent UI par nom
Screen Écran de l’application vers lequel l’élément naviguera lorsqu’il sera sélectionné.

Exemple de propriété 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
    }
)

Propriétés du style

Propriété Description
Theme L’objet Theme. Consultez Création de thèmes pour obtenir des instructions de configuration.

Propriétés de l’événement

Propriété Description
OnExpandSelect Formule d’action déclenchée lorsque le bouton hamburger est sélectionné
OnButtonSelect Formule d’action déclenchée lorsque l’un des boutons est sélectionné

Important

Les valeurs d’écran dans l’exemple de code précédent proviennent d’un exemple et peuvent ne pas exister dans votre application. Assurez-vous de remplacer les valeurs d’écran par des noms d’écran dans votre application, le cas échéant.

Comportement

Développer et réduire

Définissez la propriété Width à l’expression suivante. Les valeurs de largeur peuvent être ajustées en fonction de la résolution de l’application.

If( Self.IsExpanded, 200, 46 )

Limitations

Ce composant de canevas ne peut être utilisé que dans les applications canevas et les pages personnalisées.

  • Last updated on