Tutoriais
Voltar

Como personalizar os ícones do seu menu


Hoje vamos aprender como alterar os ícones do seu modo de navegação.
Se ainda não escolheu o seu modo de navegação, pode ver o vídeo dedicado que coloquei na barra de informações.

O tutorial de hoje é para você que escolheu os modos de navegação Swipe, Little Swipe, TabBar ou Grid.
Nesses modos de navegação, as seções de seu aplicativo são representadas por ícones que você pode personalizar.

Vou te mostrar como.

Vá para o menu Meu app > Design > Menu de Navegação.
Entre no modo de navegação que você escolheu. Swipe, para mim.
No Swipe, os ícones não são obrigatórios, mas você pode ativá-los aqui.
Configurações do menu. É isso, basta ativar a opção.

Agora volto ao menu Layout.
Para alterar o ícone de uma seção, basta clicar na seção e, em seguida, em Modificar ícone.
Agora tenho duas possibilidades.
Ou escolho entre os 150 ícones propostos pela GoodBarber.
Ou faço o upload um ícone personalizado.
Para fazer isso, vou para o menu Ícones Pessoais.
Se você escolher a opção de ícone, terá que fazer upload de uma imagem branca em um fundo transparente, pois você pode aplicar as cores do seu tema a este ícone.
No meu caso, irei escolher na biblioteca de ícones GoodBarber.
Isto é perfeito.
Mudo os ícones das outras seções rapidamente.
E é isso!
Para alterar a cor dos ícones, vou para o menu Configurações. Cor dos ícones. E é isso.

Última opção.
Você pode colocar uma seção à frente em seu menu e, assim, aplicar uma cor diferente ao seu ícone.
Para isso, no menu Layout, escolha a seção que deseja destacar e ative a opção "Destaque este link".
Agora tenho muitas opções novas.
Só preciso selecionar as cores do meu ícone.
Está feito!
Aqui está o resultado final!

Agora você sabe como personalizar seus ícones de navegação!
Vejo vocês em breve para um novo tutorial

Vídeos semelhantes