Tutoriais
Voltar

Como personalizar os ícones do menu


Hoje vamos aprender como alterar os ícones no seu menu de navegação.

Se você ainda não selecionou seu modelo de navegação, pode assistir ao vídeo que adicionei na barra de informações.

Se você selecionou Swipe, Little Swipe, TabBar ou Grid, então este tutorial é para você.
Nesses modos de navegação, as seções do seu aplicativo são representadas por ícones personalizáveis.

Deixa-me mostrar-te como.

Vá para o menu Conteúdo e Design > Design > Menu de navegação

Abra o modo de navegação que você selecionou, para mim é Swipe
Com o Swipe, os ícones não são obrigatórios, mas você pode ativá-los aqui: menu de configuração, consulte você só precisa ativar a opção.
Agora vamos voltar ao menu Layout:
Clique no ícone da seção que deseja personalizar e edite o ícone.

Agora tenho 2 possibilidades /: ou uso 1 dos 150 ícones oferecidos por Goodbarber

Ou eu carrego um ícone personalizado

Para isso vou ao menu Ícones pessoais

Se você selecionar a opção Ícone, deverá fazer upload de uma imagem branca em fundo transparente, pois poderá aplicar as cores do seu tema a este ícone.

No meu caso, irei escolher na biblioteca de ícones GoodBarber
voila!

Mudo rapidamente os ícones das outras seções. Tudo feito!
Para mudar a cor dos ícones, vá para o menu de configurações, cor dos ícones e voila!

Você pode destacar uma seção em seu menu usando uma cor diferente para o ícone. Para fazer isso vá para o menu de layout, selecione a seção que deseja destacar e ative a opção “destaque este link”. agora você tem muito mais opções. Tudo que você precisa é selecionar as cores do seu ícone. Tudo feito!

Veja o resultado final.
Agora você sabe personalizar os ícones do menu de navegação.
Te vejo em breve para outro tutorial

Vídeos semelhantes