
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








