Compartilhar via


Icon controlar

Um controle usado para exibir ícones do Fluent UI.

Controle Icon.

Descrição

Esse controle renderiza ícones da Interface do Usuário do Fluent com base no nome. Você pode usá-lo para criar facilmente um botão de ícone e um botão de ação com estilo personalizado.

Para obter uma lista de ícones, vá para Ícones da Interface do Usuário do Fluent.

Principais propriedades

Propriedade Description
ItemIconName O ícone da Interface do Usuário do Fluent a ser usado (consulte Ícones da Interface do Usuário do Fluent)
IconType Renderiza o ícone como os tipos Action button, Icon button ou Icon only
IconSize O tamanho (pixels) do ícone
Text Texto exibido (funciona para o tipo Action button)
TextAlignment Posição do texto (funciona para os tipos Action button e Icon only)
Tooltip Texto exibido em uma dica de ferramenta quando o usuário passa o mouse sobre o ícone.

Propriedades adicionais

Propriedade Description
FontSize Tamanho da fonte (funciona para o tipo Action button)
IconColor Cor do ícone
HoverIconColor Cor do ícone que aparece ao passar o mouse
FontColor Cor da fonte
HoverFontColor Cor da fonte que aparece ao passar o mouse
FillColor Cor do preenchimento de fundo do ícone (funciona para os tipos Action button e Icon button)
HoverFillColor Cor do preenchimento que aparece ao passar o mouse (funciona para os tipos `Action button e Icon button)
BorderColor Cor da borda do ícone (funciona para os tipos Action button e Icon button)
HoverBorderColor A cor da borda que aparece ao passar o mouse
BorderRadius Arredondamento dos cantos (funciona para os tipos Action button e Icon button)
Theme Aceita uma string JSON que é gerada usando Fluent UI Theme Designer (windows.net). Deixar em branco usará o tema padrão definido pelo Power Apps. Consulte os temas para obter orientação sobre como configurar.
AccessibilityLabel Rótulo Aria do leitor de tela
InputEvent Um evento para enviar ao controle.

Comportamental

  • Oferece suporte a SetFocus como um InputEvent.

Limitações

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