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

Deep Dive Into Android Design Support Library And AppCompat

Apr 16, 2017

Download

Mobile

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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!