A apresentação discute alternativas para customizar controles no Android, incluindo botões com cantos arredondados e grids diferenciados. Uma alternativa proposta é criar botões personalizados usando drawable XML, estilos e layouts para definir o background, bordas, cantos arredondados e estados. Incluir layouts também é discutido como forma de reutilizar código XML.

1. Globalcode – Open4education
Customização de Controles no
Android
Marcio Garcia

2. Globalcode – Open4education
Agenda
Apresentação
Contexto
Motivações
Alternativa
Customização

3. Globalcode – Open4education
Apresentação
Marcio Garcia
Tech Lead na R/GA
Agencia de Publicidade Digital
Produtos

4. Globalcode – Open4education
Produtos

5. Globalcode – Open4education
Produtos

6. Globalcode – Open4education
Contexto

7. Globalcode – Open4education
Contexto
Estratégia e
Planejamento
Estratégia e
Planejamento
CriaçãoCriação
TecnologiaTecnologia

8. Globalcode – Open4education
Contexto - Briefing
CriaçãoCriação

9. Globalcode – Open4education
Background - Briefing
TecnologiaTecnologia
Botões com cantos arredondados
Grids diferenciados
Reflexo em textos

10. Globalcode – Open4education
Resolvendo
Botões
Uma imagem para cada botão incluindo o texto / ícone
! ! - Um botão para cada resolução de tela
Grids
Uma imagem para cada “pedaço” do grid
Canto sup./inf. esquerdo/direito
Cabeçalho / Conteúdo / Rodapé
Texto com Reflexo
Uma imagem para cada caracter

11. Globalcode – Open4education
Resolvendo - Alternativas
Botões personalizados

12. Globalcode – Open4education
Resolvendo - Alternativas
Botões personalizados
- Background
- Border line
- Rounded corner

13. Globalcode – Open4education
drawable/
my_button_selector.xml
- Estado pressionado
- Estado com foco
- Shape

14. Globalcode – Open4education
Resolvendo - Alternativas
Botões personalizados
values / style.xml

15. Globalcode – Open4education
Resolvendo - Alternativas
Botões personalizados
layout / fragment_registrar_layout.xml

16. Globalcode – Open4education
Resolvendo - Alternativas
Include

17. Globalcode – Open4education
Resolvendo :: Alternativas :: Include
calendar_layout.xml
final_layout.xml

18. Globalcode – Open4education
Resolvendo - Alternativas
Include
final_layout.xml

19. Globalcode – Open4education
Obrigado!
http://github.com/mangar http://about.me/mangar
Marcio Garcia
marcio.mangar@gmail.com