Vintage appMaker의 Tech Blog

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

Source code or Tip/Android(Java, Kotlin)

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

VintageappMaker 2021. 8. 16. 14:55

 

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)
            }
        }

    }
}

 

Comments