customização de controles no android - tdc2013

Globalcode – Open4education

Customização de Controles no Android

Marcio Garcia

Globalcode – Open4education

Agenda

Apresentação

Contexto

MotivaçõesAlternativa

Customização

Globalcode – Open4education

Apresentação

Marcio Garcia

Tech Lead na R/GA Agencia de Publicidade Digital

Produtos

Globalcode – Open4education

Produtos

Globalcode – Open4education

Produtos

Globalcode – Open4education

Contexto

Globalcode – Open4education

Contexto

Estratégia e PlanejamentoEstratégia e

Planejamento

CriaçãoCriação

TecnologiaTecnologia

Globalcode – Open4education

Contexto - Briefing

CriaçãoCriação

Globalcode – Open4education

Background - Briefing

TecnologiaTecnologia

Botões com cantos arredondados

Grids diferenciados

Reflexo em textos

Globalcode – Open4education

Resolvendo

BotõesUma imagem para cada botão incluindo o texto / ícone

! ! - Um botão para cada resolução de tela

GridsUma imagem para cada “pedaço” do grid

Canto sup./inf. esquerdo/direito

Cabeçalho / Conteúdo / Rodapé

Texto com ReflexoUma imagem para cada caracter

Globalcode – Open4education

Resolvendo - Alternativas

Botões personalizados

Globalcode – Open4education

Resolvendo - Alternativas

Botões personalizados

- Background- Border line- Rounded corner

Globalcode – Open4education

drawable/my_button_selector.xml

- Estado pressionado- Estado com foco- Shape

Globalcode – Open4education

Resolvendo - Alternativas

Botões personalizados

values / style.xml

Globalcode – Open4education

Resolvendo - Alternativas

Botões personalizados

layout / fragment_registrar_layout.xml

Globalcode – Open4education

Resolvendo - Alternativas

Include

Globalcode – Open4education

Resolvendo :: Alternativas :: Include

calendar_layout.xml

final_layout.xml

Globalcode – Open4education

Resolvendo - Alternativas

Include

final_layout.xml

Globalcode – Open4education

Obrigado!

http://github.com/mangar http://about.me/mangar

Marcio Garciamarcio.mangar@gmail.com