Toolbar, Material Design Android - Parte 1
(30968) (53)
CategoriasAndroid, Design, Protótipo
AutorVinícius Thiengo
Vídeo aulas186
Tempo15 horas
ExercíciosSim
CertificadoSim
CategoriaDesenvolvimento Web
Autor(es)Robert C. Martin
EditoraAlta Books
Edição1ª
Ano2023
Páginas416
Tudo bem?
No vídeo acima é iniciada a série sobre os componentes do Material Design e outras novas entidades no Android.
Neste primeiro vídeo são apresentadas algumas maneiras de utilizar (standalone mode, por exemplo), em projetos Android, o componente Toolbar, o mais novo componente de barra de topo, substituto do antigo e depreciado ActionBar.
Uma das principais características da Toolbar, que é na verdade um novo ViewGroup, é a simplicidade na configuração, algo totalmente em contraste com a antiga ActionBar que era parte da API Activity.
No vídeo acima eu implemento, além do modelo convencional de barra de topo, uma Toolbar no fundo do layout do projeto de exemplo, simulando uma barra de fundo com as redes sociais do aplicativo e também uma área de acesso à parte de configurações do app.
Mas confesso que para barra de fundo você deve na verdade utilizar a BottomNavigationView, pois este componente visual foi criado especificamente para isso.
Ainda sobre o conteúdo do vídeo acima, na SecondActivity é apresentada uma maneira de se construir uma Floating Toolbar, componente comum em aplicativos de mapas. Essa construção será:
- Utilizando <selector> quando em versões maiores ou iguais a API 21 (Lollipop) do Android;
- e Utilizando 9patch caso contrário.
Importante: fique atento, quando no vídeo, ao modo de colocar o listener de clique ao ImageView que está dentro da Toolbar.
Note também que a barra de redes sociais apresentada no vídeo é uma barra fake, pois não foram configuradas as URLs corretas das páginas sociais do Blog. Caso você queira reaproveitar a barra de fundo, então altere as URLs para as das redes sociais do projeto em que você esta envolvido.
Não esqueça de configurar no Gradle Nível de Aplicativo, ou build.gradle (Module: app), a biblioteca de suporte que permitirá a utilização da Toolbar em versões anteriores a API 21 do Android. Alias, faça melhor:
Utilize o AndroidX para isso, suporte a versões antigas do Android. Com o AndroidX o seu projeto já estará em conformidade com as novas APIs de suporte para desenvolvimento de aplicativos deste sistema operacional mobile do Google.
Vale ressaltar que este artigo (e o vídeo acima) é apenas um dos conteúdos da série do Blog no YouTube: Android Material Design. Todos os vídeos estão acompanhados de seus respectivos artigos com o passo a passo de como utilizar o componente em estudo. Está é uma das séries do Blog e canal e já esta finalizada, com exatos 20 vídeos e artigos.
Antes de fechar este conteúdo, deixo a seguir alguns links de posts aqui do Blog, com vídeos, que lhe colocarão em dia com o que há de novo no desenvolvimento mobile:
- Kotlin Android, Entendendo e Primeiro Projeto;
- Android Studio: Instalação, Configuração e Otimização;
- Android Mobile-Commerce, Apresentação e Protótipo do Projeto.
E caso você tenha como meta aprender a construir projetos Android, ou evoluir nesta área, também com os conteúdos gratuitos do Blog, então não deixe de acessar a lista de estudos em: Estudando Android - Lista de Conteúdos do Blog.
E... não esqueça de se inscrever 📫na lista de e-mails do Blog para receber todos os conteúdos exclusivos Android em primeira mão.
Se inscreva também no canal do Blog no YouTube para acompanhar as últimas novidades disponíveis lá e aqui no Blog.
Surgindo dúvidas ou dicas, pode enviar abaixo na área de comentários que logo eu lhe retorno.
Obs. : o link para download do projeto apresentado em vídeo se encontra logo abaixo no artigo, na seção "Download".
Abraço.
Próxima aula
A próxima aula a está, "Toolbar, Material Design Android - Parte 1", é a 2ª aula, no link a seguir:
É importante que você siga as aulas na ordem correta para assim poder tirar o máximo proveito da série e então evoluir como esperado no mundo de desenvolvimento de apps Android.
Códigos do projeto
Para acessar os códigos completos do projeto desenvolvido na série "Android Material Design", basta entrar nos repositórios GitHub a seguir:
- Projeto lado Android ➙ https://github.com/viniciusthiengo/tc-material-design;
- Projeto lado Web ➙ https://github.com/viniciusthiengo/tc-material-design-web.
Fontes
Toolbar - documentação oficial Android
Styles and Themes - documentação oficial Android
AppCompat v21 — Material Design for Pre-Lollipop Devices!
Implementing Material Design in Your Android app
App bars: top - documentação oficial material Design
Comentários Facebook