Power Apps Toast Notification Component

Componente criado para notificações estilo "Toast notification" para uso em aplicações do tipo Canvas.

Conteúdo

• Importando o componente
• Propriedades de entrada
• Propriedades de saída
• Configuração inicial

Propriedades de entrada

Nome de exibição	Propriedade	Descrição	Tipo de Dados	Default
Notification Width	NotificationWidth	Largura da notificação	Número	300
Notification Height	NotificationHeight	ALtura da notificação	Número	80
Duration (ms)	Duration	Tempo de exibição da notificação (em milissegundos)	Número	2000
Styles	Styles	Registro de estilização do componente (cores)	Registro	ver registro
Icons	Icons	Ícones utilizados no componente (formato texto/svg)	Registro	ver registro
Notification Message	NotificationMessage	Mensagem a ser exibida na notificação	Texto	"Your notification message"
Notification Type	NotificationType	Tipo da notificação a ser exibida (enum da propriedade de saída NotificationTypes)	Texto	'Toast Notification'.NotificationTypes.Success
Font Size	FontSize	Tamanho da fonte da mensagem da notificação	Número	9
Font	Font	Tipo de fonte da mensagem da notificação (enum das fontes padrão)	Texto	Font.'Segoe UI'
Navigate to Screen When Notification Closes	NavigateToScreenWhenNotificationCloses	Tela de redirecionamento quando a notificação fechar	Tela	App.ActiveScreen

Propriedades de saída

Nome de exibição	Propriedade	Descrição	Tipo de Dados	Default
Notification Types	NotificationTypes	Enum para ser usado na propriedade de entrada "Notification Type"	Registro	ver registro
IsShowNotification	OutIsShowNotification	Propriedade com a variável que controla a exibição do componente	Booleano	IsVisible (variável interna do componente)
Out Notification Height	OutNotificationHeight	Propriedade que controla a altura do container do componente	Número	Max('Toast Notification'.NotificationHeight; lblNotificationMessage.Height + 43)

Configuração inicial

1. O componente inicialmente deverá ficar oculto até ser acionado no momento da notificação. Para isso, navegue até a propriedade Visible e coloque o valor

Self.OutIsShowNotification

2. Configure as propriedades como desejar. As principais são:

• Notification Width: controla a largura do componente. Por padrão vem com valor 300.
• Notification Height: controla a altura do componente. Por padrão vem com valor 80. OBS.: a altura do componente é automática, se ajustando conforme o tamanho do texto, caso este seja maior que a altura padrão definida.
• Duration (ms): controla o tempo que a notificação é exibida em tela. Por padrão vem com valor 2000. Este valor é em milissegundos.
• Notification Message: é a mensagem a ser exibida no componente.
• Notification Type: é o tipo de notificação a ser exibido. Esse parâmetro vai definir as cores e os ícones exibidos com o componente. Por padrão vem com valor 'Toast Notification'.NotificationTypes.Success, onde 'Toast Notification' é o nome do componente na árvore de elementos da tela. OBS.: esse valor é baseado num Enum que é referenciado através de uma propriedade de saída chamada NotificationTypes.
• Navigate to Screen When Notification Closes: é a tela para onde o usuário será redirecionado quando a exibição do componente finalizar. OBS.: caso você queira permanecer na mesma tela, basta manter o padrão configurado que é App.ActiveScreen.

3. O componente de notificação é acionado quando ele é resetado. Para exibir, execute o comando:

Reset('Toast Notification')

4. O ícone apenas fecha o componente antes da duração configurada. Clicando nele, o usuário não será redirecionado.