ExpandMenu controle (Experimental)

Artigo
10/16/2024

[Este artigo faz parte da documentação de pré-lançamento e está sujeito a alterações.]

Controle usado para criar uma experiência de navegação.

Controle ExpandMenu.

Importante

Este é um recurso experimental.
Os recursos experimentais não foram criados para uso em ambientes de produção e podem ter funcionalidade restrita. Esses recursos são disponibilizados antes de um lançamento oficial para que os clientes possam ter acesso antecipado e forneçam comentários.

Description

Os menus de expansão são como componentes Nav usados para fornecer navegação, que consiste em links para as principais áreas de um aplicativo ou site. Você também pode expandir e recolher o menu, o que dá ao usuário a opção de mais espaço, se ele quiser. O controle ExpandMenu deve ser usado com contêineres de layout para garantir que a experiência seja responsiva devido à sua natureza de largura variável quando o aplicativo é executado.

Esse componente de tela imita o estilo e o comportamento limitado do controle Nav da Interface do Usuário do Fluent.

Propriedades

Principais propriedades

Propriedade	Description
`Items`	Um conjunto de dados que exibe itens no menu.
`IsNavigationEnabled`	Habilite para navegar para a `Screen` especificada do item ao selecionar
`DefaultExpandValue`	Se o controle é expandido no carregamento

Items Propriedades

Propriedade	Description
`Label`	O texto a ser exibido no item de menu.
`Icon`	Ícone Fluent UI por nome
`Screen`	Tela do aplicativo para a qual o item navegará quando selecionado.

Exemplo da propriedade 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
    }
)

Propriedades de estilo

Propriedade	Description
`Theme`	O objeto do tema. Consulte os temas para obter orientação sobre como configurar.

Propriedades do evento

Propriedade	Description
`OnExpandSelect`	Fórmula de ação acionada quando o botão de hambúrguer é selecionado
`OnButtonSelect`	Fórmula de ação acionada quando um dos botões é selecionado

Importante

Os valores de tela no código de exemplo anterior são de um exemplo e podem não existir em seu aplicativo. Substitua os valores de tela por nomes de tela em seu aplicativo conforme apropriado.

Comportamental

Expandir e recolher

Defina a propriedade Width para a expressão a seguir. Os valores de largura podem ser ajustados com base na resolução do aplicativo.

If( Self.IsExpanded, 200, 46 )

Limitações

Esse componente de tela só pode ser usado em aplicativos de tela e páginas personalizadas.

Compartilhar via