Muitos desenvolvedores que utilizam o Sketchware para criar seus aplicativos, não sabem que existe a possibilidade de incluir um menu lateral dentro do seu projeto para deixar ele mais profissional.
Dependendo do tipo de app que você está desenvolvendo, é interessante você incluir esse menuzinho lateral ao seu projeto, por isso, vou te mostrar a forma que eu realizo essa implementação nos meus aplicativos criados no Sketchware.
O que é um Menu Lateral?
Um menu lateral, mais conhecido como "Drawer" nos aplicativos mobile, e nada mais nada menos do que uma gaveta contendo diversas opções. Sabe quando você entra em um site pelo celular, e o menu principal do site fica na lateral? É literalmente aquilo que é o menu lateral.
Nos aplicativos de celular, é muito importante colocarmos esse menu drawer, por que dependendo do tipo de aplicativo que estamos desenvolvendo, além de facilitar pro usuário navegar pelo aplicativo ainda melhora a experiência dele.
Diversos aplicativos conhecidos utilizam o menu lateral, e você com toda certeza já usou alguns desses apps, como por exemplo, o própio Spotify, utiliza do menu drawer, para facilitar a navegação dos usuários nas telas.
Como criar um Menu Lateral (Drawer) usando o Sketchware
Vou mostrar para vocês a forma que eu crio o menu drawer nos meus projetos dentro do Sketchware. Primeira coisa que você deve fazer e abrir o seu projeto dentro do Sketchware, logo após abri-lo, você precisa clicar na tela "main" ou qualquer outra tela já selecionada no seu projeto.
No meu caso, vou desenvolver o menu dentro da MainActivity, mas você pode criar o menu em qualquer outra tela desejada. Ao clicar na tela selecionada, ele vai abrir no centro da sua tela, um campo mostrando o nome da tela que você clicou, e uma interface da sua tela contendo um lápis acima, clique nesse ícone de lápis.
Depois que você clicar, vai abrir uma caixa de dialog, mostrando algumas opções que você pode ativar para sua tela no seu aplicativo, sendo elas, a "Status Bar" que é a barra de notificações do celular, a "ToolBar", o "Drawer" e a "FAB".
A opção "Status Bar" já vai vir ativa, você pode desativar ela tranquilamente ou manter caso desejar, mas a opção que importa para nós é a "Drawer" ative ela, quando você ativar, automaticamente o própio Sketchware cria o menu lateral, sem precisarmos codificar absolutamente nada, isso é o mais legal, já facilita bastante.
Como mostrado na imagem acima, com as opção ativadas, pode clicar no "SAVE" para salvar todas as alterações que fizemos dentro da nossa tela. Depois dessa etapa concluída poderemos prosseguir com o resto.
Quando você já tiver salvado tudo certinho, ainda dentro do campo de telas aberto, vão ter duas opções, sendo essas, a "View" e a "Custom View", por padrão o Sketchware deixa a "View" selecionada, porém você precisa clicar na de "Custom View".
Ao clicar na "Custom View" que significa visualização personalizada, vai aparecer o nosso drawer que ativamos dentro da nossa tela principal. É dentro dele que iremos customizar e adicionar os botões ou textos de navegação para deixar tudo funcional.
Customizando nosso Menu Lateral (Drawer)
Agora chegou a parte mais legal, aqui poderemos customizar nosso menu lateral, adicionando textos, botões ou até mesmo mudando a cor de fundo ou colocando algumas imagens caso desejarmos.
Porém eu irei apenas colocar alguns textos dentro do meu drawer, mas fica a critério seu, você pode colocar alguns buttons para navegação do usuário, inserir alguns ícones clicáveis. Essa parte você precisa ser criativo.
Quando crio algum menu drawer eu gosto de somente colocar alguns textos clicáveis, na minha percepção deixa mais simples e direto, por conta que qualquer usuário que for utilizar já consegue saber o que fazer.
Após inserir alguns textos, vou mostrar como o meu drawer lateral ficou dentro do meu projeto de teste que fiz juntamente com vocês.
Como mostrei nessa imagem acima, eu apenas coloquei três TextViews para exemplificar, e agora irei compilar esse projeto para mostrar na prática como ficaria para o nosso usuário.
Para compilar o projeto é só clicar em "RUN" na parte de baixo do projeto, o botão aparece destacado com fundo azul e texto em negrito. Depois de compilado tudo bonitinho, é assim que ficou o meu menu lateral dentro do meu projeto.
Na imagem abaixo, já estou com o projeto totalmente compilado e instalado no meu celular, o mais legal é que não precisamos quebrar a cabeça com códigos, o próprio Sketchware já facilitou para nós, por isso amo linguagem no-code.
Conclusão
Viu como não foi complicado? Seguindo as dicas do meu artigo, você vai conseguir criar o seu menu drawer tranquilamente dentro do seu projeto no Sketchware, e ainda deixar ele totalmente customizado e atrativo.