Customizando ActionBar Android Com ActionBar Style Generator

Opa! Blz?

Mais um vídeo falando sobre ActionBar no Android, porém esse eu realmente acho que vai lhe interessar se você já está utilizando essa API para os layouts de suas APPs Android (recomendo fortemente o uso de ActionBar). Nesse vídeo falo sobre o estilo de nossas ActionBars e como é fácil nós criarmos uma personalização em poucos minutos e sem a necessidade de criar o código do zero, na verdade mostro no vídeo a ferramenta Android ActionBar Style Generator que foi criada por Jeff Gilfelt e está sob a licença Apache 2.0. A ferramenta é fenomenal no auxílio d criação de layouts personalizados para ActionBars, a falha é que ele não da suporte que cor de texto das Tabs, porém no vídeo mostro como suprir essa necessidade. Note que há alguns macetes para que nossa estilização realmente funcione, no vídeo eu a mostro, parece gambiarra, mas funciona. Então é isso, vou evitar mais delongas e deixar você assistir ao vídeo.

Página da ferramenta Android ActionBar Style Generator

O link para download do projeto se encontra logo abaixo no post

Vlw

Relacionado

SearchView, Botão Home e Mudança de Título na ActionBar AndroidAndroid

Criando Suporte ActionBar Android Com ActionBarSherlockAndroid

Entendendo e Utilizando o ConfigChanges no AndroidAndroid

Colocando Botão de Update no ActionBar AndroidAndroid

Comentários Blog (17)

Para código / script, coloque entre [code] e [/code] para receber marcação especifica.

Forneça seu nome válido.

Forneça seu email válido.

Forneça o comentário.

Enviar

Enviando, aguarde...

Isabelle (1) (0)

15/05/2018

gostaria de saber se é possível centralizar o titulo da actionBar?

Responder

Vinícius Thiengo (0) (0)

19/05/2018

Isabelle, tudo bem?

É possível sim, mas para isso utilize a Toolbar, pois o AppBar como no vídeo acima está depreciado. Mais sobre a Toolbar no link a seguir:

-> https://www.thiengo.com.br/toolbar-material-design-android-parte-1

No link abaixo tem um exemplo real de como centralizar o título da barra de topo quando utilizando o componente Toolbar:

-> https://stackoverflow.com/a/26548766/2578331

Abraço.

Responder

Tarcisio Reis (1) (0)

15/08/2015

Faltou link para o site do Jeff Gilfelt.

Responder

Cesar Augusto (1) (0)

20/06/2015

Olha!

Após adicionar a configuração de layout, não consigo visualizar os icones na Action bar (Update por exemplo), estou fazendo algo errado ? Detalhe: O texto de update aparece no menu suspenso nativo

Responder

Vinícius Thiengo (0) (0)

21/06/2015

Fala Cesar, blz?
Está com o showAsAction sendo "ifRoom" ou "always"? Não pode ser "never" se quiser que ps icons tenham a chance de serem apresentados. Porém o principal que tenho é: troque de ActionBar para Toolbar, pois além de trabalhar com Toolbar ser bem mais fácil e eficiente, o ActionBar está deprecated e o Toolbar veio para ocupar o espaço dele. Veja essa série (https://www.youtube.com/playlist?list=PLBA57K2L2RIKq7_IpaZRTL96CyLNDzF2F ) para utilizar o Toolbar em sua APP. Abraço

Responder

Erick (1) (0)

30/04/2015

Olá, eu fiz tudo certo só que na hora de testar, executar, ele não aparece o actionBar customizado e nem simples, só aparece o HelloWolrd sem nenhum layout

Responder

Vinícius Thiengo (0) (0)

01/05/2015

Fala Erick, blz?
Vc não utiliza mais o ActionBar e sim o Toolbar, pois o ActionBar está depreciado. Veja esse vídeo (http://www.thiengo.com.br/toolbar-material-design-android-parte-1 ). Com ele vc vai conseguir customizar sem problemas. Abraço

Responder

Nivaldo de Arruda (1) (0)

15/03/2015

Oi Thiengo td b ?
Achei alguns projetos sobre o assunto, mas estão deprecateds  (ex.:    abcx.tab... blá blá...) e não rodam.
Onde posso encontrar um projeto como o do exemplo ? os .java ?
ok  vlw.

Responder

Vinícius Thiengo (0) (0)

16/03/2015

Fala Nivaldo, td bom sim.
Na verdade agora nós trabalhamos com a Toolbar, veja essa série d vídeos do slidenerd (https://www.youtube.com/watch?v=h57QpXp2TRg&index=1&list=PLonJJ3BVjZW6CtAMbJz1XD8ELUs1KXaTD ). Pelo menos até as partes de Toolbar, apesar de estar em inglês dá para acompanhar sem problemas. Abraço

Responder

Luiz Paulo (0) (0)

13/11/2014

Boa tarde Thiengo, to tentando utilizar o android holo colors mas não to sabendo inserí-lo na minha aplicação, você sabe a maneira correta de utilizá-lo? É o mesmo procedimento do feito no video?

Responder

Vinícius Thiengo (0) (0)

14/11/2014

Fala Luiz, blz?
Quando vc baixa o zip ele já vem com os arquivos separados para ti colocar no folder /res, não? Compie o conteúdo dos folders do zip e coloque no folder de seu projeto com o respectivo nome, caso não tenha o folder em seu projeto, vc copia o folder inteiro do zip, e não somente o conteúdo, e cola em seu projeto. Abraço

Responder

Michael Handrey (0) (0)

22/07/2014

Boa Tarde Vinícius!

Cara conforme tu mostro foi fácil alterar a cor do texto das tabs. Como faço para trocar a cor do Title?

Abraço.

Responder

Vinícius Thiengo (0) (0)

22/07/2014

Fala Michael, blz?
Então, para alterar a cor acho que vc terá de colocar uma view personalizada, dê uma olhada na resposta correta desse link do stackoverflow (http://stackoverflow.com/questions/8607707/how-to-set-a-custom-font-in-the-actionbar-title ), lá é alterada a font, mas para cor é o mesmo procedimento. Abraço

Responder

Bruno Santos (0) (0)

08/07/2014

Fala velho bele? Sua página é show me ajudou muito em várias coisas, gostaria de te perguntar uma coisa, eu estou tentando alterar a cor da minha tab bar, juntamente com a action bar, utilizando este site com o Generator. Porém a action bar altera, mas o android mantém a cor azul ciano, pode me ajudar? Estou tentando rodar com SDK mínima de 14.

Valeu!!!

Responder

Vinícius Thiengo (0) (0)

08/07/2014

Fala Bruno, blz?
Vc alterou o Style de sua APP no AndroidManifest.xml para utilizar o gerado no ActionBar Style Generator? Abraço

Responder

Raquel (0) (0)

12/05/2014

Criamos vários estilos com o Generator, mas na hora que importamos para nosso projeto, aparecem muitos erros, porque faltam arquivos, como por exemplo: ab_texture_tile_actionbartema.

Gratos,

  Raquel e Daniel

Responder

Vinícius Thiengo (0) (0)

12/05/2014

Está colocando todas as imagens nas pastas corretas? Os arquivos xml tb? Se sim, vá até o AndroidManifest.xml apague a linha do minTarget depois salve. Depois que realizado isso de Ctrl + Z e salve novamente... tive um bug aqui q essa estratégia funcionou... depois se possível informe se deu certo, abraço

Responder