Desenvolvimento Android: Faça da maneira certa

Desenvolvimento AndroidFaça da maneira certa!

Nelson GlauberGDGRecife / Jun/2014

Nelson GlauberEngenheiro de Sistemas do C.E.S.A.R.

Professor da Unibratec Android GDE 2014

!@nglauber

+NelsonGlauber nglauber.blogspot.com

http://goo.gl/V7qHc

“Android is a software stack for mobile devices that includes an operating system,

middleware and key applications. The Android SDK provides the tools and APIs

necessary to begin developing applications on the Android platform using the Java

programming language.”

Mais 190 países !Mais de 1 milhão de ativações por dia !Loja com mais de 1,5 bilhão de downloads por dia

ANDROID ESTÁ AQUI…

http://www.google.com/phone

E AQUI TAMBÉM!

Faça seu aplicativo da maneira certa!

Comece com uma boa IDE



Baseada em Eclipse


Baseada em Eclipsehttp://goo.gl/2qpr


Baseada em Eclipsehttp://goo.gl/2qpr


Baseada em Eclipse

Baseada em IntelliJ IDEA

http://goo.gl/2qpr


Baseada em Eclipse

Baseada em IntelliJ IDEA

http://goo.gl/2qpr

http://goo.gl/iJEvl

http://www.genymotion.com/




Suporte múltiplas telas



Tamanhos e Densidades diferentes!!!


Tamanhos e Densidades diferentes!!!


http://goo.gl/cMGs


• Tamanho: é a área física de tela em polegadas

http://goo.gl/cMGs



• Densidade: quantidade de pixels por polegada

http://goo.gl/cMGs



• Densidade: quantidade de pixels por polegada

• Resolução: quantidade de pixels na tela

http://goo.gl/cMGs

Não use px, use dp (ou dip)

! <Button android:layout_width="100px" android:layout_height="100px" ... />






! <Button android:layout_width="100dp" android:layout_height="100dp" ... />







Use dp para margin e padding!<LinearLayout ...> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Margin" android:background="#FFFF00" android:layout_margin="40dp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Padding" android:background="#00FF00" android:padding="40dp"/> </LinearLayout>

Use sp (sip) para textos

! <TextView android:textSize="36sp" ... />

Defina imagens para cada densidade

http://goo.gl/E70Ez


res/drawable-mdpires/drawable-tvdpires/drawable-hdpires/drawable-xhdpires/drawable-xxhdpires/drawable-xxxhdpi

http://goo.gl/E70Ez


res/drawable-mdpires/drawable-tvdpires/drawable-hdpires/drawable-xhdpires/drawable-xxhdpires/drawable-xxxhdpi

http://goo.gl/E70Ez


Launcher Notifications ActionBar

http://goo.gl/E70Ez

Personalize componentes com imagens 9-patched

http://goo.gl/5AiEM

Personalize componentes com selectors

http://goo.gl/5AiEM

botao_pressionado.9.pngbotao_normal.9.png botao_desabilitado.9.png


http://goo.gl/5AiEM

! <selector ...> <item android:state_pressed="true" android:drawable="@drawable/botao_pressionado"/> <item android:state_enabled="false" android:drawable="@drawable/botao_desabilitado"/> <item android:drawable="@drawable/botao_normal"/> </selector>



http://goo.gl/5AiEM



http://goo.gl/5AiEM


Não diga como o usuário deve segurar o aparelho*

res/layout res/layout-land

* Salvo algumas exceções http://goo.gl/sMhD5

Seja poliglota

Seja poliglota! <TextView android:text=“Hello World" ... />

Seja poliglota! <TextView android:text=“Hello World" ... />

Seja poliglota<string name="hello"> Hello World </string>

res/values ! <TextView android:text=“Hello World" ... />


res/values

<string name="hello"> Olá mundo </string>

res/values-pt

! <TextView android:text=“Hello World" ... />


res/values


res/values-pt


<string name="hello"> Hola mundo </string>

res/values-es


res/values


res/values-pt



res/values-es

! <TextView android:text="@string/hello" ... />


res/values


res/values-pt



res/values-es

http://goo.gl/JAuu

! <TextView android:text="@string/hello" ... />

Use Fragments

http://goo.gl/TRHlS

Use Fragments

http://goo.gl/TRHlS

Use a ActionBar

http://goo.gl/l5mQA

Use a ActionBarÍcone e Título

http://goo.gl/l5mQA

Use a ActionBarÍcone e Título Ações

http://goo.gl/l5mQA

Use a ActionBarÍcone e Título Ações Overflow

menu

http://goo.gl/l5mQA


Navegação com Abas

Overflow menu

http://goo.gl/l5mQA



Overflow menu

http://goo.gl/l5mQA



Navegação com Spinner

Overflow menu

http://goo.gl/l5mQA

Menu lateral = NavigationDrawer

http://goo.gl/phAJy

ViewPager

http://goo.gl/2nYzo

Salve seus dados!

http://goo.gl/xkXp

Salve seus dados!• SharedPreferences para pequenas coisas

http://goo.gl/xkXp


http://goo.gl/xkXp


• SQLite para trabalhar off-line

• CursorLoader + ContentProvider + CursorAdapter

http://goo.gl/xkXp


• SQLite para trabalhar off-line

• CursorLoader + ContentProvider + CursorAdapter

• Salve na nuvem

• Em uma app servidora

• Play Games

• Android Backup Service

http://goo.gl/xkXp

Acesse a web

http://goo.gl/ZcDlO

Acesse a web

• A comunicação deve ser feita em uma outra Thread

http://goo.gl/ZcDlO

Acesse a web


• AsyncTask ou AsyncTaskLoader

http://goo.gl/ZcDlO

Acesse a web



• IntentService

http://goo.gl/ZcDlO

Acesse a web



• IntentService

• Volley

http://goo.gl/ZcDlO

Acesse a web



• IntentService

• Volley

• Acesse serviços REST

http://goo.gl/ZcDlO

Acesse a web

http://goo.gl/obp2Chttp://goo.gl/tpTc1

Acesse a web

• Imagens em listas?

• Universal Image Loader

• Picasso

• Volley


Acesse a web

• Imagens em listas?

• Universal Image Loader

• Picasso

• Volley


Google Cloud Endpoints

http://goo.gl/Mxzwq

Não faça telas de login

http://goo.gl/jfAMI


http://goo.gl/jfAMI


http://goo.gl/jfAMI


http://goo.gl/jfAMI

Engajamento

http://goo.gl/v1I4f

Anime-se

• É possível animar transições de tela (Activities e Fragments)

• Views individualmente (escala, rotação, translação, …)

• Adição e remoção de componentes em layouts

• Criar animações quadro-a-quadro

http://goo.gl/0iVE

Monetize

http://goo.gl/XcaxQd http://goo.gl/JrCWt0

Widgets!

http://goo.gl/oDoOT2

Widgets!


Widgets!


Widgets!


Widgets!


Se vista de Android

http://goo.gl/f0Ng0l

Agora é com vocês!

Dúvidas?

Obrigado!!

Mobile

Desenvolvimento Android: Faça da maneira certa