47
Deep Dive into Android Design Support Library and AppCompat Digital Day Belo Horizonte - 2015 Collaborate. Innovate. Transform.

Deep Dive Into Android Design Support Library And AppCompat

Embed Size (px)

Citation preview

Page 1: Deep Dive Into Android Design Support Library And AppCompat

Deep Dive into Android Design Support Library and AppCompat

Digital DayBelo Horizonte - 2015

Collaborate. Innovate. Transform.

Page 2: Deep Dive Into Android Design Support Library And AppCompat

Fernando CesarAndroid Developer Ci&T

https://github.com/fernandocs

[email protected]

Page 3: Deep Dive Into Android Design Support Library And AppCompat
Page 4: Deep Dive Into Android Design Support Library And AppCompat

- Padrões do passado- SherlockActionBar- Consistência- Compatibilidade- Padronização

Contexto

Page 5: Deep Dive Into Android Design Support Library And AppCompat

Design Library

Page 6: Deep Dive Into Android Design Support Library And AppCompat

Floating Action Button

Page 7: Deep Dive Into Android Design Support Library And AppCompat

Floating Action Button - Suas Dimensões

Page 8: Deep Dive Into Android Design Support Library And AppCompat

Floating Action Button - Code

Page 9: Deep Dive Into Android Design Support Library And AppCompat

Floating Action Button - Mais exemplos

Page 10: Deep Dive Into Android Design Support Library And AppCompat

Navigation View

Page 11: Deep Dive Into Android Design Support Library And AppCompat

Navigation View - Code

Page 12: Deep Dive Into Android Design Support Library And AppCompat

Tab Layout

Page 13: Deep Dive Into Android Design Support Library And AppCompat

Tab Layout - Code

Page 14: Deep Dive Into Android Design Support Library And AppCompat

TextInputLayout

Page 15: Deep Dive Into Android Design Support Library And AppCompat

TextInputLayout - Code

Page 16: Deep Dive Into Android Design Support Library And AppCompat

SnackBar

Page 17: Deep Dive Into Android Design Support Library And AppCompat

SnackBar - Code

Page 18: Deep Dive Into Android Design Support Library And AppCompat

CollapsingToolbarLayout

Page 19: Deep Dive Into Android Design Support Library And AppCompat

CollapsingToolbarLayout - Code

Page 20: Deep Dive Into Android Design Support Library And AppCompat

CoordinatorLayout

Page 21: Deep Dive Into Android Design Support Library And AppCompat

CoordinatorLayout - Code

Page 22: Deep Dive Into Android Design Support Library And AppCompat

Gradle

Page 23: Deep Dive Into Android Design Support Library And AppCompat

AppCompat

Page 24: Deep Dive Into Android Design Support Library And AppCompat

ToolBar

Page 25: Deep Dive Into Android Design Support Library And AppCompat

ToolBar - Styles

Page 26: Deep Dive Into Android Design Support Library And AppCompat

ToolBar - Layout

Page 27: Deep Dive Into Android Design Support Library And AppCompat

ToolBar like ActionBar

Page 28: Deep Dive Into Android Design Support Library And AppCompat

RecyclerView

Page 29: Deep Dive Into Android Design Support Library And AppCompat

RecyclerView

- Substituir a ListView e o GridView;- Melhorias de Performance;- ViewHolder implementação obrigatória- Mais Flexibilidade

Page 30: Deep Dive Into Android Design Support Library And AppCompat

RecyclerView - Layout

Page 31: Deep Dive Into Android Design Support Library And AppCompat

RecyclerView - Gradle

Page 32: Deep Dive Into Android Design Support Library And AppCompat

LayoutManager

Page 33: Deep Dive Into Android Design Support Library And AppCompat

LayoutManager

- LinearLayoutManager- GridLayoutManager- StaggeredLayoutManager

Page 34: Deep Dive Into Android Design Support Library And AppCompat

LinearLayoutManager

Page 35: Deep Dive Into Android Design Support Library And AppCompat

GridLayoutManager

Page 36: Deep Dive Into Android Design Support Library And AppCompat

StaggeredManager

Page 37: Deep Dive Into Android Design Support Library And AppCompat

CardView

Page 38: Deep Dive Into Android Design Support Library And AppCompat

CardView - Quando usar

- Extends FrameLayout- Varios tipos de dados (Imagem, Video e Textos)- Conteúdo de tamanho varável- Conteúdo com mais de uma interatividade(Like, Share)- Exibição de mais de 3 linhas de texto

Page 39: Deep Dive Into Android Design Support Library And AppCompat

CardView - Quando usar

Page 40: Deep Dive Into Android Design Support Library And AppCompat

CardView - Corners

Page 41: Deep Dive Into Android Design Support Library And AppCompat

CardView - Exemplos

Page 42: Deep Dive Into Android Design Support Library And AppCompat

CardView - Code

Page 43: Deep Dive Into Android Design Support Library And AppCompat

CardView - Gradle

Page 44: Deep Dive Into Android Design Support Library And AppCompat

Demo

Page 45: Deep Dive Into Android Design Support Library And AppCompat

Referencias

Blog Oficial Androidhttp://android-developers.blogspot.com/2015/05/android-design-support-library.html

Training RecyclerView and CardViewhttps://developer.android.com/training/material/lists-cards.html

Material designhttp://www.google.com.br/design/spec/material-design/introduction.html

Page 46: Deep Dive Into Android Design Support Library And AppCompat

Obrigado

Page 47: Deep Dive Into Android Design Support Library And AppCompat

THANKYOU FOR

YOURTIME!