Palestra realizada no DevFestXP em Recife (09/12/2017) apresentando as principais técnicas, APIs e ferramentas mais atuais utilizadas no desenvolvimento de aplicações Android

1. Desenvolvimento moderno
de aplicativos Android
Um guia [quase] completo
+Nelson Glauber
@nglauber
www.nglauber.com.br
youtube.com/nglauber

3. Curso de Android (2009)
Introdução ao Android................. 1h
Configuração do Ambiente.............. 1h
Conceitos Básicos..................... 2h
Activity.............................. 4h
Intents............................... 2h
Interface Gráfica (Layouts e Views)... 8h
IntentFilter.......................... 2h
BroadcastReceiver..................... 1h
Notification.......................... 1h
Service............................... 2h
AlarmManager.......................... 1h
Handler............................... 1h
SQLite................................ 4h
ContentProvider....................... 2h
Mapas e GPS........................... 3h
HTTP, Sockets e Web Services.......... 4h
SMS................................... 1h
Audio e Vídeo......................... 2h
-----------------------------------------
TOTAL 42h

4. O que é ser um
desenvolvedor Android
“moderno"?
ATUAL

5. Comunidade
1

6. slack.androiddevbr.org www.gdgrecife.com

7. Linguagem
2

8. Outras linguagens
evoluíram…
o Java (para Android) não

10. Porque Kotlin?
• Linguagem moderna, concisa, intuitiva e fácil de aprender.
• Open Source, mantido pela JetBrains
• 100% Inter-operável com Java. Você pode possuir código Java e
Kotlin no mesmo projeto (inclusive libs).
• Suporte nativo no Android Studio.
• Menos verboso. Você escreve menos código.
• Null Safety
• Possui recursos de linguagens funcionais
• Inferência de tipos, lambda, extension functions, high-order
functions, …

11. youtu.be/FHZ6bI3zb4M

12. youtu.be/R99z12zLFRw

13. 3 Criação de
Layouts

14. Layouts
• FrameLayout
• RelativeLayout
• LinearLayout
• TableLayout
• GridLayout
• e muitos outros…

15. ConstraintLayout
• Implementa o conceito de flat layout. Melhorando a
performance.
• É um mix dos demais layouts, com mais recursos.
• É muito mais fácil criar os layout utilizando visual editor.
Mas o XML continua legível.
• É uma biblioteca separada do S.O., o que facilita a
atualização
• A adoção por parte dos desenvolvedores iOS é facilitada.

17. Flat layout

18. Não parece lá
“grandes coisa”…

19. Área de clique
errada
Aspect Ratio ?
Área de clique
errada

20. ! 11 componentes a mais!!!

21. ConstraintLayout 1.0
• Posicionamento relativo
• Bias
• Guidelines
• Chains
• Ratio support
• ConstraintSet

22. ConstraintLayout 1.1.0-beta3
• Barriers
• Group
• Placeholders
• Percent
• Circular positioning

23. youtu.be/dvr-yTklOUY

24. youtu.be/YSz-k4sbUiE

25. 4 Arquitetura

26. Activity é uma tela do seu
aplicativo…
• Ela acessa o banco de dados
• Ela acessa a web
• Ela valida campos
• Ela controla o fluxo da tela

28. Pague as consequências!!!
• Código altamente acoplado
• Difícil de mante e adicionar
novas funcionalidades
• Difícil de testar,
consequentemente instável
• Resumindo: viola todos os
princípios do S.O.L.I.D.

29. Initial Stands for Concept
S SRP[4] Single responsibility principle
a class should have only a single responsibility (i.e. only one potential change
in the software's specification should be able to affect the specification of the
class)
O OCP[5] Open/closed principle
“software entities … should be open for extension, but closed for modification.”
L LSP[6] Liskov substitution principle
“objects in a program should be replaceable with instances of their subtypes
without altering the correctness of that program.” See also design by contract.
I ISP[7] Interface segregation principle
“many client-specific interfaces are better than one general-purpose
interface.”[8]
D DIP[9] Dependency inversion principle
one should “depend upon abstractions, [not] concretions.”[8]

30. github.com/googlesamples/android-architecture

31. MVP
View
IView
Presenter Model
Interação
do usuário
Request
DadosLógica de UI

33. MVVM
View ViewModel Model
Observables
Interação
do usuário
Dados
Request

35. Data Binding
• Facilita a ligação entre View Model e View
• Estende os arquivos de layout com micro-
expressões
• Binders customizados reduzem a repetição de
código

37. Book book = (Book)getIntent().getSerializableExtra(EXTRA_LIVRO);
ImageView imgCover = (ImageView) findViewById(R.id.image_cover);
TextView txtTitle = (TextView) findViewById(R.id.text_title);
TextView txtAuthor = (TextView) findViewById(R.id.text_author);
TextView txtPages = (TextView) findViewById(R.id.text_pages);
TextView txtYear = (TextView) findViewById(R.id.text_year);
TextView txtPublisher = (TextView) findViewById(R.id.text_publisher);
TextView txtAvailable = (TextView) findViewById(R.id.text_available);
TextView txtMediaType = (TextView) findViewById(R.id.text_media_type);
RatingBar ratingBook = (RatingBar) findViewById(R.id.rating_book);
Glide.with(this).load(book.getCoverUrl()).into(imgCover);
txtTitle.setText(book.getTitle());
txtAuthor.setText(book.getAuthor());
txtPages.setText(getString(R.string.text_format_book_pages, book.getPages()));
txtYear.setText(getString(R.string.text_format_book_year, book.getYear()));
txtPublisher.setText(book.getPublisher().getName());
txtAvailable.setText(book.isAvailable() ?
R.string.text_book_available : R.string.text_book_unavailable);
txtMediaType.setText(book.getMediaType().toString());
ratingBook.setNumStars(book.getRating());

38. book.setCoverUrl(imageFile.getAbsolutePath());
book.setTitle(editPages.getText().toString());
book.setAuthor(editAuthor.getText().toString());
book.setPages(Integer.parseInt(editPages.getText().toString()));
book.setYear(Integer.parseInt(editYear.getText().toString()));
book.setPublisher((Publisher) spinnerPublisher.getSelectedItem());
book.setAvailable(checkAvailable.isChecked());
book.setMediaTypeValue(radioMediaEbook.isChecked() ?
MediaType.EBOOK : MediaType.PAPER);
book.setRating(ratingBook.getRating());
saveBook(book);

39. Book book = (Book)getIntent().getSerializableExtra(EXTRA_BOOK);
ActivityDetailViewBinding mBinding =
DataBindingUtil.setContentView(this, R.layout.activity_detail_view);
mBinding.setBook(book);
...
saveBook(mBinding.book);

40. <layout ...>
<data>
...
<import type="br.com.nglauber.livrosfirebase.model.MediaType" />
<variable name="book"
type="br.com.nglauber.livrosfirebase.model.Book" />
</data>
<LinearLayout ...>
<ImageView android:src="@{book.coverUrl}" ... />
<EditText android:text="@={book.title}" ... />
<EditText android:text="@={book.author}" ... />
<EditText android:text="@={book.pages}" ... />
<EditText android:text="@={book.year}" ... />
<Spinner ...>
<CheckBox android:checked="@={book.available}" ... />
<RadioGroup ...>
<RadioButton ...
android:checked="@{book.mediaTypeValue == MediaType.EBOOK}" ... />
<RadioButton ...
android:checked="@{book.mediaTypeValue == MediaType.PAPER}" ... />
</RadioGroup>
<RatingBar
android:rating="@={book.rating}" ... />
...
</LinearLayout>
</layout>

41. youtu.be/0UXeUhU8AiE?t=27m19s

42. Architecture
Components

43. Lifecycle
ViewModel
LiveData
Room

44. Lifecycle
• Lifecycle é um objeto que define um ciclo de vida
• LifecycleOwner é uma interface para objetos com um
ciclo de vida
• A partir da appcompat 26.1, Activity e Fragment
implementam LifecycleOwner.
• LifecycleObserver é uma interface para observar um
LifecycleOwner

45. class MyLifecycleObserver: LifecycleObserver {
@OnLifecycleEvent(Lifecycle.Event.ON_START)
fun start() {
Log.d("NGVL", "onStart!!!")
}
@OnLifecycleEvent(Lifecycle.Event.ON_STOP)
fun stop() {
Log.d("NGVL", "onStop!!!")
}
}

46. class YourActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_your)
val observer = MyLifecycleObserver()
lifecycle.addObserver(observer)
...
}
}

47. ViewModel

48. class ScoreViewModel: ViewModel() {
var score = Score()
fun updateTeamA() {
score.teamA++
}
fun updateTeamB() {
score.teamB++
}
fun reset(){
score.teamA = 0
score.teamB = 0
}
}

49. class MainActivity : AppCompatActivity() {
private val viewModel: ScoreViewModel by lazy {
ViewModelProviders.of(this).get(ScoreViewModel::class.java)
}
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
val score = viewModel.score
...
}
}

50. Cuidado!!!
• Não passe referências de Activities ou Fragments para o
ViewModel
• Se precisar de um Context, crie uma subclass de
AndroidViewModel que terá uma instância do contexto
da aplicação
• Se precisar passar parâmetros para o ViewModel, é preciso
criar uma subclasse de
ViewModelProvider.NewInstanceFactory
• O ViewModel não substitui o onSaveInstanceState!

51. LiveData
• LiveData armazena dados observáveis (Observable) e
notifica os observadores (Observers) quando esses dados
mudam para que a UI seja atualizada.
• O LiveData é lifecycle-aware. Ele só notificará a UI se a
Activity/Fragment estiver no estado STARTED ou
RESUMED.

52. class CharactersViewModel : ViewModel() {
val characters = MutableLiveData<List<Character>>()
fun loadCharacters() {
// Carregar dados da web...
characters.value = list
}
...
}

53. class CharactersActivity : AppCompatActivity() {
private val viewModel: CharactersViewModel /*init*/
private val adapter: CharactersAdapter /*init*/
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_characters)
viewModel.load()
viewModel.characters.observe(this, Observer { characters ->
adapter.setItems(characters)
})
...
}
}

54. Room
• ORM para Android sobre o SQLite.
• Suporta atualização automática da UI com LiveData ou
RXJava

55. Room

56. import android.arch.persistence.room.*
@Entity
data class Event(
@PrimaryKey (autoGenerate = true)
var id : Long = 0,
var name : String = "",
var description : String = ""
)

57. import android.arch.persistence.room.*
@Dao
interface EventDao {
@Insert(onConflict = OnConflictStrategy.REPLACE)
fun insert(event: Event): Long
@Update
fun update(event: Event): Int
@Delete
fun delete(vararg event: Event): Int
@Query("SELECT * FROM Event WHERE description LIKE :descr")
fun eventsByDescription(descr: String = "%"): List<Event>
@Query("SELECT * FROM Event WHERE id = :id")
fun eventById(id: Long): Event
}

58. import android.arch.persistence.room.*
@Dao
interface EventDao {
@Insert(onConflict = OnConflictStrategy.REPLACE)
fun insert(event: Event): Long
@Update
fun update(event: Event): Int
@Delete
fun delete(vararg event: Event): Int
@Query("SELECT * FROM Event WHERE description LIKE :descr")
fun eventsByDescription(descr: String = "%"): LiveData<List<Event>>
@Query("SELECT * FROM Event WHERE id = :id")
fun eventById(id: Long): LiveData<Event>
}

59. import android.arch.persistence.room.Database
import android.arch.persistence.room.RoomDatabase
@Database(entities = arrayOf(Event::class), version = 1)
abstract class MyRoomDatabase : RoomDatabase() {
abstract fun eventDao() : EventDao
}

60. val db = Room.databaseBuilder(applicationContext,
MyRoomDatabase::class.java, "myDb")
.build()
val dao = db.eventDao()
val event = Event(0, "DevFestXP", "DevFest Recife 2017")
val id = dao.insert(event)
val event2 = dao.eventById(id)
Log.d("NGVL", "${event2.id} ${event2.name} - ${event2.description}")
val events = dao.eventsByDescription()
events.forEach {
Log.d("NGVL", "${it.id} ${it.name} - ${it.description}")
}

61. Arquitetura

62. youtu.be/mnC1aN2yhqI

63. 5 Programação
Assíncrona

64. 60 FPS
1000ms / 60 frames
=
16.666ms per frame

65. Assíncrono
• Threads and Handlers
• AsyncTask
• Loaders
• IntentService

66. RX Java
RxJava é uma biblioteca que permite representar
qualquer operação como um fluxo assíncrono de
dados criado por qualquer thread, de forma declarativa
e consumida por múltiplos objetos em várias threads.

67. Observable.zip(
Observable.just("Joey", "Chandler", "Ross",
"Rachel", "Monica", "Phoebe"),
Observable.just("Ted", "Barney", "Marshall",
"Robin", "Lily"),
BiFunction<String, String, String> { friend, himym ->
"$friend - $himym"
})
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.subscribe { t ->
print(t)
}
12-06 02:03:50.912 5710-5710/br.com.nglauber.rxdemo D/NGVL: Joey - Ted
12-06 02:03:50.912 5710-5710/br.com.nglauber.rxdemo D/NGVL: Chandler - Barney
12-06 02:03:50.912 5710-5710/br.com.nglauber.rxdemo D/NGVL: Ross - Marshall
12-06 02:03:50.912 5710-5710/br.com.nglauber.rxdemo D/NGVL: Rachel - Robin
12-06 02:03:50.912 5710-5710/br.com.nglauber.rxdemo D/NGVL: Monica - Lily

68. fun loadMoviesFull(): Observable<Movie> {
return service.listMovies()
.flatMap { filmResults -> Observable.from(filmResults.results) }
.flatMap { film ->
Observable.zip(
Observable.just(Movie(film.title, film.episodeId, ArrayList())),
Observable.from(film.personUrls)
.flatMap { personUrl ->
Observable.concat(
getCache(personUrl),
service
.loadPerson(Uri.parse(personUrl).lastPathSegment)
.doOnNext { person ->
peopleCache.put(personUrl, person)
}
).first()
}
.flatMap { person ->
Observable.just(Character(person.name, person.gender))
}.toList(),
{ movie, characters ->
movie.characters.addAll(characters)
movie
}
)
}
}

69. youtu.be/ZxhX7a-ScUs

70. Coroutines

71. suspend fun async1(): String {
delay(5, TimeUnit.SECONDS)
Log.d("NGVL", "async1 -> ${Thread.currentThread().name}")
return "Async1"
}
suspend fun async2(): String {
delay(1, TimeUnit.SECONDS)
Log.d("NGVL", "async2 -> ${Thread.currentThread().name}")
return "Async2"
}
fun load() {
launch(UI) {
val s = try {
val a = async { async1() }
val b = async { async2() }
"${a.await()} ${b.await()}"
} catch (e: Exception) {
"Error!"
}
button.text = s
}
}

72. youtu.be/Xo5Fp4UqXY8

73. 6 Firebase

75. https://goo.gl/A6GW4s

76. 7 Testes

77. Testes

78. UI Automator

79. • Você não precisa usar todos esses
recursos no mesmo app…
• Na verdade, você não precisa usar
nenhum!
• Mais importante do que saber quando
USAR é saber quando NÃO USAR 😉
• Mas é essencial conhecer tópicos,
saber seus prós e contras e utilizá-los
adequadamente 💡

80. Um desenvolvedor
moderno…
1. Faça parte da comunidade!!!
2. Kotlin como linguagem de programação
3. Constraint Layout para criação de UI
4. Uma boa arquitetura na camada de apresentação. Com MVP ou
MVVM (por exemplo)
5. Multi-threading
6. Firebase como serviço de cloud
7. Testes para garantir a estabilidade do código

81. @nglauber
+NelsonGlauber
www.nglauber.com.br
Obrigado!
youtube.com/nglauber

82. Dúvidas?