Como Alterar o Ícone do Botão de Preenchimento Sólido para Regular¶
Por padrão, se você estiver usando as imagens Icon nativas do que é enviado com App Builder, eles são definidos para o estado Ícone Sólido (o que significa que o ícone aparece com uma cor de fundo sólida). Se desejar, você pode configurar as informações do Tema para substituir esse estado e usar o estado Ícone Regular para que o ícone apareça como um contorno da forma sem preenchimento.
Neste artigo, daremos uma olhada em como modificar um Controle de Botão com um Ícone para ter um preenchimento Regular vs. Sólido.
Ícone de Cartão de Endereço SolID (padrão):¶
Ícone de Cartão de Endereço Regular:¶
Como Modificar um Ícone de Controle de Botão para Usar um Estado de Ícone Regular¶
Se você quiser usar o estado do Ícone Regular, aqui está como configurar as informações do Tema correspondente:
- Navegue até a área do seu aplicativo onde você deseja incluir o ícone e adicione-o como você normalmente faria. Por exemplo: Ícone de cartão de endereço selecionado para Botão de teste
- Vá para Gaveta de ação > Live Designer
- Selecione o controle com o ícone que deseja modificar
- Clique em Mais e selecione Estilos
- Clique em + Estilo
- Selecione Fonte no painel Categorias de estilo
- Localize Espessura da fonte 400 no painel Estilo e clique em + Adicionar
- Clique em x para sair da tela Estilo
- Clique no ícone Abrir registro para o estilo recém-criado
- Clique no botão Editar estilo
- Selecione Controles no painel Componentes
- Clique em Criar em Estilos
- Selecione Ícone do botão como a área
- Selecione Fonte como Tipo de estilo
- Defina a espessura da fonte como normal
- Clique em Salvar
- Saia das configurações de estilo e retorne à camada de interface do usuário do aplicativo, atualize e confirme que o ícone agora aparece conforme o esperado.