【Kotlinプログラム入門】。今回は「Jetpack Compose」のViewModelで状態変化の監視に挑戦します！

package com.example.samplepj2

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp
import androidx.compose.foundation.clickable
import androidx.compose.ui.tooling.preview.Preview
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.viewmodel.compose.viewModel
import androidx.lifecycle.ViewModel
import androidx.compose.foundation.layout.Column
import androidx.compose.material3.Text
import androidx.compose.runtime.livedata.observeAsState

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            // Composableを呼び出す
            SampleList()
            SampleList2()
        }
    }
}

// Sampleデータクラスを定義
data class Sample(val id: Int, val name: String)

class SampleViewModel : ViewModel() {
    private val sampleList = MutableLiveData<MutableList<Sample>>(mutableStateListOf())

    fun setSample(sample:MutableList<Sample>) {
        sampleList.value = sample
    }

    fun addSample() {
        val newSample = Sample((sampleList.value?.size ?: 0) + 1, "新しいサンプル")
        sampleList.value?.add(newSample)
    }

    fun getSample(): MutableLiveData<MutableList<Sample>> {
        return sampleList;
    }

    fun removeSample(sample: Sample) {
        sampleList.value?.remove(sample)
    }
}

@Composable
fun SampleList(viewModel: SampleViewModel = viewModel()) {
    val sampleList = viewModel.getSample().observeAsState()

    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp)
    ) {
        // データを表示
        sampleList.value?.forEach { sample ->
            Text(
                text = sample.name,
                modifier = Modifier
                    .padding(8.dp)
                    .clickable {
                        // リストアイテムをクリックしたときの処理
                        // ここではサンプルの削除を行います
                        viewModel.removeSample(sample)
                    }
            )
        }

        // ボタンを追加して新しいサンプルを追加する
        Button(
            onClick = {
                viewModel.addSample()
            },
            modifier = Modifier.padding(16.dp)
        ) {
            Text("新しいサンプルを追加")
        }
    }
}


@Composable
fun SampleList2(viewModel: SampleViewModel = viewModel()) {
    // 画面表示が終わったタイミングでデータを追加
    LaunchedEffect(Unit) {
        // 画面表示が終わったタイミングでデータを追加
        val initialData = mutableStateListOf(
            Sample(1, "サンプル1"),
            Sample(2, "サンプル2"),
            Sample(3, "サンプル3")
        )
        viewModel.setSample(initialData)
    }
}

@Preview
@Composable
fun SampleListPreview() {
    SampleList()
}