Android Academy · Pelajaran

ViewModel & LiveData

Kekalkan keadaan walaupun berlaku perubahan konfigurasi dengan ViewModel. Dedahkan strim data reaktif dengan LiveData dan perhatikannya dalam Activity dan Fragment.

Pelajaran 1 daripada 611 langkah

ViewModel & LiveData ialah pelajaran Android Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 6. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Android Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Android Academy merangkumi sejumlah 6 pelajaran.

Masalah dengan Activity

Menyimpan data secara terus dalam Activity mempunyai dua masalah utama:

Apabila pengguna memutarkan telefon, Activity akan dimusnahkan dan dicipta semula — semua data anda hilang
Jika anda mengambil data daripada rangkaian dalam onCreate, data akan diambil semula pada setiap putaran — membazir

ViewModel menyelesaikan kedua-dua masalah ini.

Apakah ViewModel?

ViewModel ialah Komponen Seni Bina Android yang:

Kekal semasa perubahan konfigurasi (putaran, perubahan tema)
Menyimpan data berkaitan UI dan logik perniagaan
Hanya dimusnahkan apabila pengguna meninggalkan skrin secara kekal

Peraturan am: jika data perlu kekal selepas putaran, letakkannya dalam ViewModel.

Mencipta ViewModel

Luaskan ViewModel dan tambahkan kebergantungannya pada Gradle:

// app/build.gradle:
// implementation 'androidx.lifecycle:lifecycle-viewmodel-ktx:2.7.0'
// implementation 'androidx.lifecycle:lifecycle-livedata-ktx:2.7.0'

import androidx.lifecycle.ViewModel

class CounterViewModel : ViewModel() {

    var count = 0
        private set

    fun increment() {
        count++
    }

    fun reset() {
        count = 0
    }
}

Mendapatkan ViewModel dalam Activity

Gunakan ViewModelProvider (atau delegat by viewModels()) untuk mendapatkan instance ViewModel:

import androidx.activity.viewModels

class CounterActivity : AppCompatActivity() {

    private lateinit var binding: ActivityCounterBinding
    // Android manages the ViewModel lifecycle — never instantiate it yourself
    private val viewModel: CounterViewModel by viewModels()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityCounterBinding.inflate(layoutInflater)
        setContentView(binding.root)

        // This shows the count is preserved after rotation!
        binding.tvCount.text = viewModel.count.toString()

        binding.btnPlus.setOnClickListener {
            viewModel.increment()
            binding.tvCount.text = viewModel.count.toString()
        }
    }
}

Apakah LiveData?

LiveData ialah pemegang data yang boleh diperhatikan. UI memerhati nilai LiveData dan dikemas kini secara automatik apabila nilainya berubah.

Menyedari kitar hayat — hanya mengemas kini pemerhati yang aktif (tiada ranap apabila Activity berada di latar belakang)
Sentiasa terkini — pemerhati baharu menerima nilai terkini dengan serta-merta

LiveData dalam ViewModel

Gunakan MutableLiveData secara peribadi (ViewModel boleh menulis), dan dedahkannya sebagai LiveData secara awam (UI hanya boleh memerhati):

import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel

class CounterViewModel : ViewModel() {

    private val _count = MutableLiveData(0)
    val count: LiveData<Int> = _count  // read-only for the UI

    fun increment() {
        _count.value = (_count.value ?: 0) + 1
    }

    fun reset() {
        _count.value = 0
    }
}

Memerhati LiveData dalam Activity

Panggil .observe(lifecycleOwner) { value -> } untuk bertindak balas terhadap perubahan:

class CounterActivity : AppCompatActivity() {

    private val viewModel: CounterViewModel by viewModels()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // ...

        // Automatically updates TextView whenever count changes
        viewModel.count.observe(this) { count ->
            binding.tvCount.text = count.toString()
        }

        binding.btnPlus.setOnClickListener { viewModel.increment() }
        binding.btnReset.setOnClickListener { viewModel.reset() }
    }
}

LiveData berbanding State Flow

LiveData ialah pendekatan klasik. Kod Kotlin moden sering menggunakan StateFlow daripada Kotlin Coroutines:

StateFlow — berasaskan rutin, tiada kebergantungan Android
Dikumpulkan dengan repeatOnLifecycle dalam Activity
Lebih baik untuk pengurusan keadaan yang kompleks

Kedua-duanya berfungsi dengan baik — LiveData lebih mudah untuk bermula; anda akan melihat StateFlow dalam aplikasi yang lebih besar.

ViewModel dengan Berbilang Pemerhati

Berbilang komponen UI boleh memerhati LiveData yang sama. Sebagai contoh, TextView dan keadaan didayakan Button boleh bertindak balas terhadap nilai data yang sama dalam ViewModel — tanpa sebarang kod tambahan dalam ViewModel.

Hal ini mengasingkan tanggungjawab dengan kemas: ViewModel menyimpan keadaan, manakala UI hanya memerhati dan memaparkannya.

Semakan Pantas

Bilakah ViewModel dimusnahkan?

Jawab dalam pelajaran interaktif

Ulang Kaji: ViewModel & LiveData

Kini anda tahu cara membina UI yang menyedari kitar hayat:

ViewModel kekal semasa perubahan konfigurasi (putaran)
Gunakan by viewModels() untuk mendapatkan ViewModel dalam Activity
Corak MutableLiveData (peribadi) / LiveData (awam)
Perhatikan dengan .observe(this) { value -> updateUI(value) }
UI dikemas kini secara automatik — tiada penyegaran manual diperlukan

Seterusnya: simpan data secara kekal dengan pangkalan data Room.

Percuma untuk bermula

Pelajari Kotlin dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 36
Pelajaran: 152

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “ViewModel & LiveData” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Android Academy, termasuk “ViewModel & LiveData”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Android Academy merangkumi sejumlah 6 pelajaran.

Apakah yang akan saya pelajari dalam “ViewModel & LiveData”?

Kekalkan keadaan walaupun berlaku perubahan konfigurasi dengan ViewModel. Dedahkan strim data reaktif dengan LiveData dan perhatikannya dalam Activity dan Fragment. Anda berlatih Android Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Android Academy?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Android Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 6.

Berapa lamakah pelajaran “ViewModel & LiveData” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Android Academy ini?

Ya. Setiap pelajaran Android Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Android Academy