プログラマになる

組み込みエンジニアで主にC言語、時々C#をやっている人の技術メモです。最近はAndroidも少しずつ勉強中

最も単純なViewModelとLiveDataの利用

セットアップ

Googleのレポジトリを追加する

buildscriptのrepositoriesにgoogle()を追加する。
以下が設定例です。

buildscript {
    ext.kotlin_version = '1.2.21'
    repositories {
        google()
        jcenter()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.0.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"

        // NOTE: Do not place your application dependencies here; they belong
        // in the individual module build.gradle files
    }
}

allprojects {
    repositories {
        google()
        jcenter()
    }
}

task clean(type: Delete) {
    delete rootProject.buildDir
}

Android Architecture Componentを追加する

以下のリストから追加したいAndroid Architecture Componentを選択する

implementation "android.arch.lifecycle:extensions:1.1.1"                  // ViewModel and LiveData
implementation "android.arch.lifecycle:viewmodel:1.1.1"                  // alternatively, just ViewModel
implementation "android.arch.lifecycle:livedata:1.1.1"                       // alternatively, just LiveData
implementation "android.arch.persistence.room:runtime:1.0.0"      // Room
implementation "android.arch.paging:runtime:1.0.0-alpha7"           // Paging
testImplementation "android.arch.core:core-testing:1.1.1"               // Test helpers for LiveData
testImplementation "android.arch.persistence.room:testing:1.0.0" // Test helpers for Room

以下が設定例です。

apply plugin: 'com.android.application'

apply plugin: 'kotlin-android'

apply plugin: 'kotlin-android-extensions'

android {
    compileSdkVersion 26
    defaultConfig {
        applicationId "kaleidot725.classicclock"
        minSdkVersion 21
        targetSdkVersion 26
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation"org.jetbrains.kotlin:kotlin-stdlib-jre7:$kotlin_version"
    implementation 'com.android.support:appcompat-v7:26.1.0'
    implementation 'com.android.support.constraint:constraint-layout:1.0.2'
    implementation "android.arch.lifecycle:extensions:1.1.1"
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.1'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.1'
}

ViewModelを作成する

今回はLocalDateTimeを1msおきに通知するLiveDataを含んだViewModelを作成する。

class ClockViewModel : ViewModel {
    public val mLocalDateTime: MutableLiveData<LocalDateTime> = MutableLiveData()
    val mTimer : Timer = Timer()

    constructor() {
        mTimer.schedule(object : TimerTask() {
           override  fun run() {
                mLocalDateTime.postValue(LocalDateTime.now())
           }
        }, 1, 1)
    }
}

ActivityにてViewModelを生成する

ViewModelProviders.ofにてViewModelのインスタンスを生成する。
これでViewModelProvidersがViewModelのライフサイクルを
管理してくれるので画面を回転させても問題なくなる。

class MainActivity : AppCompatActivity() {
    var mClockViewModel : ClockViewModel? = null
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        mClockViewModel = ViewModelProviders.of(this).get(ClockViewModel::class.java)
    }
}

ViewModelのLiveDataを購読する

ViewModelのLiveDataを購読する。

    mClockViewModel?.mLocalDateTime?.observe(this, object : Observer<LocalDateTime>{
        override fun onChanged(t: LocalDateTime?) {
            val clockTextView = findViewById<TextView>(R.id.ClockText)
            clockTextView.text = t.toString()
        }
    })
}

実行結果

f:id:kaleidot725:20180329235038p:plain

github.com