Customizando ActionBar Android Com ActionBar Style Generator

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes! Você receberá um email de confirmação. Somente depois de confirma-lo é que eu poderei lhe enviar os conteúdos semanais exclusivos. Os artigos em PDF são entregues somente para os inscritos na lista.

Email inválido.
Blog /Android /Customizando ActionBar Android Com ActionBar Style Generator

Customizando ActionBar Android Com ActionBar Style Generator

Vinícius Thiengo
(13702) (17)
Go-ahead
"O método consciente de tentativa e erro é mais bem-sucedido que o planejamento de um gênio isolado."
Peter Skillman
Prototipagem Android
Capa do curso Prototipagem Profissional de Aplicativos
TítuloAndroid: Prototipagem Profissional de Aplicativos
CategoriasAndroid, Design, Protótipo
AutorVinícius Thiengo
Vídeo aulas186
Tempo15 horas
ExercíciosSim
CertificadoSim
Acessar Curso
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Lendo
TítuloManual de DevOps: como obter agilidade, confiabilidade e segurança em organizações tecnológicas
CategoriaEngenharia de Software
Autor(es)Gene Kim, Jez Humble, John Willis, Patrick Debois
EditoraAlta Books
Edição1ª
Ano2018
Páginas464
Conteúdo Exclusivo
Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba gratuitamente conteúdos Android sem precedentes!
Email inválido

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

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes!
Email inválido

Relacionado

SearchView, Botão Home e Mudança de Título na ActionBar AndroidSearchView, Botão Home e Mudança de Título na ActionBar AndroidAndroid
Criando Suporte ActionBar Android Com ActionBarSherlockCriando Suporte ActionBar Android Com ActionBarSherlockAndroid
Entendendo e Utilizando o ConfigChanges no AndroidEntendendo e Utilizando o ConfigChanges no AndroidAndroid
Colocando Botão de Update no ActionBar AndroidColocando Botão de Update no ActionBar AndroidAndroid

Compartilhar

Comentários Facebook

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.
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
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
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
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
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