SlideShare uma empresa Scribd logo
1 de 6
Baixar para ler offline
Novatec
Kyle Mew
Copyright © Packt Publishing 2015. First published in the English language under the title
“Learning Material Design” (9781785289811)
Copyright © Packt Publishing 2015. Publicação original em inglês intitulada “Learning
Material Design” (9781785289811)
Esta tradução é publicada e vendida com a permissão da Packt Publishing.
© Novatec Editora Ltda. 2016.
Todos os direitos reservados e protegidos pela Lei 9.610 de19/02/1998.É proibida a reprodu-
ção desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito,
do autor e da Editora.
Editor: Rubens Prates
Tradução: Erika Höhn
Revisão técnica (edição brasileira): Henrique Cesar Ulbrich
Assistente editorial: Priscila A.Yoshimatsu
Revisão gramatical: Sandro Andretta
Editoração eletrônica: Carolina Kuwabata
ISBN: 978-85-7522-512-7
Histórico de impressões:
Julho/2016	 Primeira edição
Novatec Editora Ltda.
Rua Luís Antônio dos Santos 110
02460-000 – São Paulo, SP – Brasil
Tel.: +55 11 2959-6529
E-mail: novatec@novatec.com.br
Site: novatec.com.br
Twitter: twitter.com/novateceditora
Facebook: facebook.com/novatec
LinkedIn: linkedin.com/in/novatec
PY20160706
5
Sumário
Sobreoautor............................................................................................................9
Sobreorevisor........................................................................................................10
Prefácio..................................................................................................................11
Capítulo1■ IntroduçãoaoMaterialDesign..............................................................16
Propriedades do Material........................................................................ 18
Preparando um ambiente de desenvolvimento.......................................... 20
Instalando o Android Studio............................................................... 20
Configurando o Android SDK............................................................. 21
Emulando dispositivos Android........................................................... 24
Conectando um dispositivo real.......................................................... 27
Tema do Material.................................................................................... 28
Aplicando estilos................................................................................ 29
Personalizando o tema do Material...........................................................31
Resumo.................................................................................................. 34
Capítulo2■ Criandoumlayoutdecelulares.............................................................35
Atividades e layouts................................................................................ 36
RelativeLayouts................................................................................... 37
LinearLayouts..................................................................................... 38
Propriedades de gravidade....................................................................41
Inserindo e dimensionando imagens.................................................... 42
Strings e tradução............................................................................... 44
Rotação de tela................................................................................... 45
Aplicando o Material em dispositivos antigos........................................... 48
Biblioteca de suporte AppCompat....................................................... 49
Aplicando o tema do Material............................................................. 50
Aprendendo Material Design6
Adicionando uma barra de ferramentas do Material............................. 51
Ícones de ação..................................................................................... 54
Resumo.................................................................................................. 56
Capítulo3■ Componentescomuns...........................................................................57
Estilo e código da barra de aplicativos...................................................... 58
Aplicando uma paleta do Material....................................................... 58
Recursos de imagem........................................................................... 60
Aplicando ações.................................................................................. 63
Estrutura da barra de aplicativos......................................................... 64
Capturando chamadas de ação com código Java.................................. 65
Menus e caixas de diálogo....................................................................... 68
Menus................................................................................................ 68
Caixas de diálogo............................................................................... 73
Resumo.................................................................................................. 80
Capítulo4■ Gavetasdeslizantesenavegação...........................................................81
Design da gaveta..................................................................................... 82
Layout................................................................................................ 83
Componentes de navegação e keylines................................................. 86
Funcionalidade da gaveta........................................................................ 93
Ativando a gaveta de navegação........................................................... 93
Abrindo fragmentos............................................................................ 96
Outras gavetas deslizantes................................................................... 98
Resumo.................................................................................................. 99
Capítulo5■ Listas,cartõesedados........................................................................100
Geração de listas....................................................................................101
Adicionando itens de lista......................................................................103
Conectando um conjunto de dados.........................................................106
Gerenciadores de layout e adaptadores................................................107
Cartões..................................................................................................111
Tiles..................................................................................................113
Resumo.................................................................................................114
7Sumário
Capítulo6■ Animaçõesetransições....................................................................... 115
Feedback táctil.......................................................................................116
Animações de ondulação....................................................................116
Revelando e escondendo........................................................................119
Transições.............................................................................................121
Saídas e entradas............................................................................... 122
Componentes compartilhados........................................................... 125
Movimento realista........................................................................... 129
Resumo................................................................................................ 130
Capítulo7■ Materialemoutrosdispositivos.......................................................... 131
TV Material...........................................................................................132
Banners.............................................................................................133
Estrutura do aplicativo de TV.............................................................135
Cartões de recomendação..................................................................137
Material wearable..................................................................................139
Conectando a um dispositivo wearable...............................................139
Gerenciando telas de diferentes formatos............................................142
Layouts wearable...............................................................................144
Resumo.................................................................................................146
Capítulo8■ FrameworkswebparaMaterialDesign................................................ 147
Layouts de desktop................................................................................148
Gerenciamento de pacotes..................................................................... 150
Materialize........................................................................................... 150
Configurando....................................................................................151
Tema do Material.............................................................................. 154
Layouts e grids...................................................................................155
Cartões..............................................................................................156
Botões e ícones..................................................................................158
Material Design Lite...............................................................................160
Layouts e grids...................................................................................161
Cartões..............................................................................................162
Frameworks e bibliotecas alternativos.....................................................165
Resumo.................................................................................................167
Aprendendo Material Design8
Capítulo9■ FrameworkMaterialize.......................................................................168
Componentes........................................................................................169
Listas e badges...................................................................................170
Barras de navegação, menus e ícones..................................................171
Entrada e exibição de texto................................................................173
Transições e movimento.........................................................................175
Animações em onda...........................................................................175
Accordions e pop-outs.......................................................................176
Dividindo o conteúdo com abas.........................................................179
Exibindo imagens..............................................................................180
Resumo.................................................................................................181
Capítulo10■ MaterialDesignLite..........................................................................183
Componentes........................................................................................184
Cabeçalhos........................................................................................184
Barras de navegação...........................................................................185
Abas..................................................................................................187
Campos de pesquisa..........................................................................188
Menus...............................................................................................189
Formulários...................................................................................... 190
Tabelas..............................................................................................193
Resumo................................................................................................ 194

Mais conteúdo relacionado

Semelhante a Aprendendo material design

Apostila montagem e manuntencao csu
Apostila  montagem e manuntencao csuApostila  montagem e manuntencao csu
Apostila montagem e manuntencao csuClaudio Santos
 
Apostila montagem e manuntencao csu
Apostila  montagem e manuntencao csuApostila  montagem e manuntencao csu
Apostila montagem e manuntencao csuClaudio Santos
 
Apostila de informática básica
Apostila de informática básicaApostila de informática básica
Apostila de informática básicaIsmael C Do Vale
 
Kabanxscrum 110516223841-phpapp02
Kabanxscrum 110516223841-phpapp02Kabanxscrum 110516223841-phpapp02
Kabanxscrum 110516223841-phpapp02Fredson Pinto
 
KanbanEScrumInfoQBrasil.pdf
KanbanEScrumInfoQBrasil.pdfKanbanEScrumInfoQBrasil.pdf
KanbanEScrumInfoQBrasil.pdfmaviana
 

Semelhante a Aprendendo material design (7)

Apostila montagem e manuntencao csu
Apostila  montagem e manuntencao csuApostila  montagem e manuntencao csu
Apostila montagem e manuntencao csu
 
Apostila montagem e manuntencao csu
Apostila  montagem e manuntencao csuApostila  montagem e manuntencao csu
Apostila montagem e manuntencao csu
 
Ltsp
LtspLtsp
Ltsp
 
Livro auduíno.pdf
Livro auduíno.pdfLivro auduíno.pdf
Livro auduíno.pdf
 
Apostila de informática básica
Apostila de informática básicaApostila de informática básica
Apostila de informática básica
 
Kabanxscrum 110516223841-phpapp02
Kabanxscrum 110516223841-phpapp02Kabanxscrum 110516223841-phpapp02
Kabanxscrum 110516223841-phpapp02
 
KanbanEScrumInfoQBrasil.pdf
KanbanEScrumInfoQBrasil.pdfKanbanEScrumInfoQBrasil.pdf
KanbanEScrumInfoQBrasil.pdf
 

Aprendendo material design

  • 2. Copyright © Packt Publishing 2015. First published in the English language under the title “Learning Material Design” (9781785289811) Copyright © Packt Publishing 2015. Publicação original em inglês intitulada “Learning Material Design” (9781785289811) Esta tradução é publicada e vendida com a permissão da Packt Publishing. © Novatec Editora Ltda. 2016. Todos os direitos reservados e protegidos pela Lei 9.610 de19/02/1998.É proibida a reprodu- ção desta obra, mesmo parcial, por qualquer processo, sem prévia autorização, por escrito, do autor e da Editora. Editor: Rubens Prates Tradução: Erika Höhn Revisão técnica (edição brasileira): Henrique Cesar Ulbrich Assistente editorial: Priscila A.Yoshimatsu Revisão gramatical: Sandro Andretta Editoração eletrônica: Carolina Kuwabata ISBN: 978-85-7522-512-7 Histórico de impressões: Julho/2016 Primeira edição Novatec Editora Ltda. Rua Luís Antônio dos Santos 110 02460-000 – São Paulo, SP – Brasil Tel.: +55 11 2959-6529 E-mail: novatec@novatec.com.br Site: novatec.com.br Twitter: twitter.com/novateceditora Facebook: facebook.com/novatec LinkedIn: linkedin.com/in/novatec PY20160706
  • 3. 5 Sumário Sobreoautor............................................................................................................9 Sobreorevisor........................................................................................................10 Prefácio..................................................................................................................11 Capítulo1■ IntroduçãoaoMaterialDesign..............................................................16 Propriedades do Material........................................................................ 18 Preparando um ambiente de desenvolvimento.......................................... 20 Instalando o Android Studio............................................................... 20 Configurando o Android SDK............................................................. 21 Emulando dispositivos Android........................................................... 24 Conectando um dispositivo real.......................................................... 27 Tema do Material.................................................................................... 28 Aplicando estilos................................................................................ 29 Personalizando o tema do Material...........................................................31 Resumo.................................................................................................. 34 Capítulo2■ Criandoumlayoutdecelulares.............................................................35 Atividades e layouts................................................................................ 36 RelativeLayouts................................................................................... 37 LinearLayouts..................................................................................... 38 Propriedades de gravidade....................................................................41 Inserindo e dimensionando imagens.................................................... 42 Strings e tradução............................................................................... 44 Rotação de tela................................................................................... 45 Aplicando o Material em dispositivos antigos........................................... 48 Biblioteca de suporte AppCompat....................................................... 49 Aplicando o tema do Material............................................................. 50
  • 4. Aprendendo Material Design6 Adicionando uma barra de ferramentas do Material............................. 51 Ícones de ação..................................................................................... 54 Resumo.................................................................................................. 56 Capítulo3■ Componentescomuns...........................................................................57 Estilo e código da barra de aplicativos...................................................... 58 Aplicando uma paleta do Material....................................................... 58 Recursos de imagem........................................................................... 60 Aplicando ações.................................................................................. 63 Estrutura da barra de aplicativos......................................................... 64 Capturando chamadas de ação com código Java.................................. 65 Menus e caixas de diálogo....................................................................... 68 Menus................................................................................................ 68 Caixas de diálogo............................................................................... 73 Resumo.................................................................................................. 80 Capítulo4■ Gavetasdeslizantesenavegação...........................................................81 Design da gaveta..................................................................................... 82 Layout................................................................................................ 83 Componentes de navegação e keylines................................................. 86 Funcionalidade da gaveta........................................................................ 93 Ativando a gaveta de navegação........................................................... 93 Abrindo fragmentos............................................................................ 96 Outras gavetas deslizantes................................................................... 98 Resumo.................................................................................................. 99 Capítulo5■ Listas,cartõesedados........................................................................100 Geração de listas....................................................................................101 Adicionando itens de lista......................................................................103 Conectando um conjunto de dados.........................................................106 Gerenciadores de layout e adaptadores................................................107 Cartões..................................................................................................111 Tiles..................................................................................................113 Resumo.................................................................................................114
  • 5. 7Sumário Capítulo6■ Animaçõesetransições....................................................................... 115 Feedback táctil.......................................................................................116 Animações de ondulação....................................................................116 Revelando e escondendo........................................................................119 Transições.............................................................................................121 Saídas e entradas............................................................................... 122 Componentes compartilhados........................................................... 125 Movimento realista........................................................................... 129 Resumo................................................................................................ 130 Capítulo7■ Materialemoutrosdispositivos.......................................................... 131 TV Material...........................................................................................132 Banners.............................................................................................133 Estrutura do aplicativo de TV.............................................................135 Cartões de recomendação..................................................................137 Material wearable..................................................................................139 Conectando a um dispositivo wearable...............................................139 Gerenciando telas de diferentes formatos............................................142 Layouts wearable...............................................................................144 Resumo.................................................................................................146 Capítulo8■ FrameworkswebparaMaterialDesign................................................ 147 Layouts de desktop................................................................................148 Gerenciamento de pacotes..................................................................... 150 Materialize........................................................................................... 150 Configurando....................................................................................151 Tema do Material.............................................................................. 154 Layouts e grids...................................................................................155 Cartões..............................................................................................156 Botões e ícones..................................................................................158 Material Design Lite...............................................................................160 Layouts e grids...................................................................................161 Cartões..............................................................................................162 Frameworks e bibliotecas alternativos.....................................................165 Resumo.................................................................................................167
  • 6. Aprendendo Material Design8 Capítulo9■ FrameworkMaterialize.......................................................................168 Componentes........................................................................................169 Listas e badges...................................................................................170 Barras de navegação, menus e ícones..................................................171 Entrada e exibição de texto................................................................173 Transições e movimento.........................................................................175 Animações em onda...........................................................................175 Accordions e pop-outs.......................................................................176 Dividindo o conteúdo com abas.........................................................179 Exibindo imagens..............................................................................180 Resumo.................................................................................................181 Capítulo10■ MaterialDesignLite..........................................................................183 Componentes........................................................................................184 Cabeçalhos........................................................................................184 Barras de navegação...........................................................................185 Abas..................................................................................................187 Campos de pesquisa..........................................................................188 Menus...............................................................................................189 Formulários...................................................................................... 190 Tabelas..............................................................................................193 Resumo................................................................................................ 194