Aula 1 view model livedata e databinding.pptx

Projeto e Desenvolvimento de
Aplicações Android
● Três encontros 04/04, 18/04 e 25/04.
● Projeto de aplicações Android.
● Orientações para elaboração de interface de usuário para Android.
● Boas práticas no desenvolvimento móvel e Android.
● Teste de aplicações Android.
● Desenvolvimento Prático.
● Publicação de aplicações Android.

● Avaliação:
● Conceito C:
○ Apresentação da idéia (04/04)
○ Entrega de uma aplicação com uso de, no mínimo, 3
bibliotecas do Android JetPack (ViewModel, LiveData e
DataBinding)
● Conceito B:
○ Uso de mais 2 pacotes JetPack, sendo um deles o Navigation.
● Conceito A:
○ Uso de mais 2 pacotes JetPack.

● Foco da Disciplina:
● Android JetPack
● Porém, antes disso, alguma dúvida sobre Android?

JetPack
https://developer.android.com/jetpack

JetPack
● O Jetpack é um conjunto de bibliotecas, ferramentas e
orientações para ajudar os desenvolvedores a criar apps de alta
qualidade com mais facilidade. Esses componentes ajudam você
a seguir as práticas recomendadas, acabando com os códigos de
texto clichê e simpliﬁcando tarefas complexas, para que você
possa se concentrar na parte do código do seu interesse.
● O Jetpack compõe as bibliotecas de pacotes androidx.*,
separadas das APIs da plataforma. Isso signiﬁca que ele oferece
compatibilidade com versões anteriores e é atualizado com mais
frequência que a Plataforma Android, garantindo que você sempre
tenha acesso às versões melhores e mais recentes dos
componentes do Jetpack.
https://developer.android.com/jetpack

JetPack
https://developer.android.com/jetpack/docs/guide

JetPack
https://medium.com/android-dev-moz/introdu%C3%A7%C3%A3o-ao-android-jetpack-68697c5fcff2

ViewModel, LiveData e DataBinding
● Passo 1) Criamos um projeto Android

● Passo 2) Criar uma Activity

● Passo 3) Nomear como ListaCarros

● Passo 4) Remover a MainActivity e limpar suas referências.
<application ...>
<activity android:name=".ListaCarros">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>

● Passo 5) Verificar se a criação da ViewModel não está depreciada.
viewModel =
ViewModelProvider(this).get(ListaCarrosViewModel::class.java)

https://medium.com/androiddevelopers/viewmodels-a-simple-example-ed5ac416317e

● Passo 5) Provando os conceitos
class ListaCarrosViewModel : ViewModel() {
init {
Log.e("teste", "init viewmodel ${this.toString()}");
}
override fun onCleared() {
super.onCleared()
Log.e("teste", "init onCleared");
}
}

● Passo 5) Provando os conceitos
class ListaCarrosFragment : Fragment() {
...
override fun onActivityCreated(savedInstanceState: Bundle?) {
super.onActivityCreated(savedInstanceState)
viewModel =
ViewModelProvider(this).get(ListaCarrosViewModel::class.java)
Log.e("teste", "viewModel ${viewModel.toString()}")
}
}

● Passo 6) Inserindo dados - criando uma DataClass
data class Car(
val manufacturer: String,
val model: String,
val price: Float,
val photo: String)

● Passo 6) Alterar o lista_carros_fragment.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout ...>
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv_cars"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

● Passo 6) Criar um arquivo item.xml
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_height="wrap_content">
<TextView
android:padding="10dp"
android:id="@+id/txt_detail"
android:layout_height="wrap_content"/>
</LinearLayout>

● Passo 6) Criaremos um adapter para o RecyclerView
class CarsAdapter(private val myDataset: List<Car>) :
RecyclerView.Adapter<CarsAdapter.MyViewHolder>() {
class MyViewHolder(val viewRoot: View) : RecyclerView.ViewHolder(viewRoot)
override fun onCreateViewHolder(
parent: ViewGroup,
viewType: Int): CarsAdapter.MyViewHolder {
val textView = LayoutInflater.from(parent.context).inflate(R.layout.item, parent, false)
return MyViewHolder(textView)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
holder.viewRoot.txt_detail.text = "${myDataset[position].model} -
${myDataset[position].manufacturer}"
}
override fun getItemCount() = myDataset.size
}

● Passo 6) Editar ListaCarrosFragment
private lateinit var viewAdapter: RecyclerView.Adapter<*>
private lateinit var viewManager: RecyclerView.LayoutManager
viewModel = ViewModelProvider(this).get(ListaCarrosViewModel::class.java)
viewManager = LinearLayoutManager(activity)
viewAdapter = CarsAdapter(viewModel.cars)
rv_cars.apply {
setHasFixedSize(true)
layoutManager = viewManager
adapter = viewAdapter
}
}

● Passo 6) Edição do ViewModel
var cars: MutableList<Car> = ArrayList<Car>();
init {
val ecosport = Car("Ford", "EcoSport", 59000.0f, "https://www...");
val i30 = Car("Hiunday", "i30", 27000.0f, "https://cdn….");
cars.add(ecosport);
cars.add(i30);
}
}

● Passo 7) Vamos fazer um teste!
var cars: MutableList<Car> = ArrayList<Car>();
fun getCars(){
GlobalScope.launch {
Thread.sleep(10000)
val ecosport = Car("Ford", "EcoSport", 59000.0f, "https://ww...");
val i30 = Car("Hiunday", "i30", 27000.0f, "https://cd...");
cars.add(ecosport);
cars.add(i30);
}
}
}

● Passo 8) Observer
var cars: MutableLiveData<List<Car>> = MutableLiveData<List<Car>>();
fun getCars(){
val ecosport = Car("Ford", "EcoSport", 59000.0f, "https://www.slavie...");
val i30 = Car("Hiunday", "i30", 27000.0f, "https://cdn.salaodo...");
val tempCars: MutableList<Car> = ArrayList();
tempCars.add(ecosport);
tempCars.add(i30);
cars.value = tempCars;
}
}

● Passo 8) Observer
viewModel = ViewModelProvider(this).get(ListaCarrosViewModel::class.java)
viewManager = LinearLayoutManager(activity)
rv_cars.apply {
setHasFixedSize(true)
layoutManager = viewManager
}
viewModel.cars.observe(viewLifecycleOwner, Observer {
viewModel.cars.value?.let {
viewAdapter = CarsAdapter(it)
rv_cars.adapter = viewAdapter;
}
})
viewModel.getCars();
}

● Passo 9) Nova tela Fragment+ViewModel com o nome
DetalheCarro.

● Passo 10) Corrija a instância do ViewModel.
viewModel =
ViewModelProvider(this).get(DetalheCarroViewModel::class.java)

● Passo 11) Navegação entre telas. Mudança no adapter.
class CarsAdapter(
private val myDataset: List<Car>,
private val context: Context) :
RecyclerView.Adapter<CarsAdapter.MyViewHolder>() {
holder.viewRoot.setOnClickListener {
context.startActivity(Intent(context, DetalheCarro::class.java))
}
}
}

● Passo 11) Navegação entre telas. Instância precisa passar o
contexto.
viewModel.cars.observe(viewLifecycleOwner, Observer {
viewModel.cars.value?.let {
viewAdapter = CarsAdapter(it, activity as Context)
rv_cars.adapter = viewAdapter;
}
})

● Passo 12) Último conceito: DataBinding.

● Passo 13) Último conceito: DataBinding.
apply plugin: 'kotlin-kapt'
android {
dataBinding {
enabled true
}
}
dependencies {
implementation 'androidx.core:core-ktx:1.2.0'
kapt 'com.android.databinding:compiler:3.1.4'
}

● Passo 14) Tags layout e data.
class DetalheCarroViewModel : ViewModel() {
var car: Car? = null;
}

<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/detalhecarro"
android:layout_height="match_parent"
tools:context=".ui.detalhecarro.DetalheCarroFragment">
<LinearLayout
android:id="@+id/message"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<TextView
android:text="@{viewModel.car.model}"
android:textSize="25dp"
<TextView
android:textSize="20dp"
android:text="@{viewModel.car.manufacturer}"
</LinearLayout>

● Passo 14) DataBinding é a mágica final.
viewModel = ViewModelProvider(this).get(
DetalheCarroViewModel::class.java)
val binding:
DetalheCarroFragmentBinding =
DataBindingUtil.setContentView(
activity!!,
R.layout.detalhe_carro_fragment)
binding.viewModel = viewModel
viewModel.car = arguments?.getSerializable("car") as Car
}

● Passo 14) Mudança no adapter.
holder.viewRoot.txt_detail.text = "${myDataset[position].model} -
${myDataset[position].manufacturer}"
holder.viewRoot.setOnClickListener {
val intent = Intent(context, DetalheCarro::class.java)
intent.putExtra("car", myDataset[position])
context.startActivity(intent)
}
}

● Passo 14) Na classe DetalheCarro.
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.detalhe_carro_activity)
val car = intent.getSerializableExtra("car") as Car
if (savedInstanceState == null) {
supportFragmentManager.beginTransaction()
.replace(R.id.container,
DetalheCarroFragment.newInstance(car))
.commitNow()
}
}

● Passo 14) Na classe DetalheCarroFragment.
companion object {
fun newInstance(car: Car): DetalheCarroFragment {
val f = DetalheCarroFragment()
val args = Bundle()
args.putSerializable("car", car)
f.arguments = args
return f
}
}

Aula 1 view model livedata e databinding.pptx

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Aula 1 view model livedata e databinding.pptx

Semelhante a Aula 1 view model livedata e databinding.pptx (20)

Mais de Ricardo Ogliari

Mais de Ricardo Ogliari (15)

Último

Último (10)

Aula 1 view model livedata e databinding.pptx