[ViewModel] ViewModel과 Coroutine을 이용한 타이머

 

App을 개발하다보면 종종 구현해야 하는 것이 "배너의 자동스크롤"이다. 이럴 경우, 아무생각없이 Timer를 사용할 때가 있는 데, 반드시 댓가를 치르게 된다. Fragment를 이동하고 백키로 돌아올 시, Timer를 종료시키지 못하고 여러 개 생성되는 경우가 발생하기 때문이다. 이를 해결하기 위해서는 고전적인 방법인 Handler나 Broadcast를 이용하는 방법이 있다. 그러나 많이 귀찮다. 

 

구글링해보면 많은 개발자들이 ViewModel과 Coroutine을 이용한 타이머를 사용하는 것을 알 수 있다. 

고민했던 것보다 상당히 간단하고 확실하게 제어가 가능하다. 

 

[app의 Gradle에 종속성 추가]

buildFeatures {
    viewBinding true
}

dependencies {
    ...

    implementation 'androidx.lifecycle:lifecycle-extensions:2.2.0'

    // lifecycle
    def lifecycle_version = "2.2.0"
    implementation "androidx.lifecycle:lifecycle-viewmodel-ktx:$lifecycle_version"
    implementation "androidx.lifecycle:lifecycle-livedata-ktx:$lifecycle_version"
    
    ...
}

 

[TimerViewModel.kt]

import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import kotlinx.coroutines.Job
import kotlinx.coroutines.delay
import kotlinx.coroutines.launch

class TimerViewModel : ViewModel(){
    var isRun: Boolean = false
    private lateinit var job : Job
    private var interval : Long = 1000

    fun setInterval (n : Long ) {
        interval = n
    }
    fun timerStart(fnCallback :() ->Unit){
        isRun = true
        if(::job.isInitialized) job.cancel()

        job = viewModelScope.launch {
            while(true) {
                delay(interval)
                fnCallback()
            }
        }
    }

    fun timerStop(){
        isRun = false
        if(::job.isInitialized) job.cancel()
    }
}

[main_activity.xml]

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >


    <TextView
        android:gravity="center"
        android:textColor="#FF8899"
        android:textSize="30dp"
        android:id="@+id/txtMessage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>

 

[MainActivity.kt]

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import androidx.lifecycle.ViewModelProvider
import com.psw.quicktest.databinding.ActivityMainBinding

class MainActivity : AppCompatActivity() {
    lateinit var binding : ActivityMainBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        var count = 0
        val viewModel = ViewModelProvider(this@MainActivity).get(TimerViewModel::class.java)
        val timerAction : () -> Unit = { binding.txtMessage.text = "${count++}" }
        viewModel.setInterval(500)
        viewModel.timerStart(timerAction)
        binding.txtMessage.setOnClickListener {
            viewModel.apply {
                if ( isRun ) timerStop() else timerStart(timerAction)
            }
        }

    }
}