android jetpack compose Model对象更新变量 UI不更新、不刷新问题

嫩嫩的猿2026-02-23 23:47

以前是搞老本行Android原生开发的，因为工作原因，一直在用vue小程序；因为一些工作需要，又需要用到Android原生开发，建了个项目，打开源码一看，天塌了！！！我以前的layout.xml布局呢，怎么变成android jetpack compose组件了。百度一看说是Android最新的框架组件，哎~~本着能吃一口细糠，不吃一口粗粮的原则，学习了一下Compose；以下是我约到的难题，建立了一个Model类，然后Model变量更新，UI不刷新也不更新；后面解决了，记录一下！

首先，我建立了一个Model对象：

kotlin 复制代码

class DeviceGpioMModel  {
    var iconUnUse: Int? = null

    var icon: Int? = null

    var iconStop: Int? = null

    var name: String? = null

    var notes: String? = null

    var port: Int? = null

    var use  by mutableIntStateOf(0)

    fun useDevice() {
        this.use=1
    }

    fun getShowIcon(): Int {
        return when (use) {
            1 -> // 使用中
                icon!!

            2 -> // 暂停
                iconStop!!

            else -> // 未使用
                iconUnUse!!
        }
    }

    fun getStatusIcon(): Int {
        return R.drawable.ic_yunxing_u
    }
}

然后我的需求是，实例化上面的对象，然后点击组件,把use状态改为1，然后组件在调用getShowIcon()方法来获取对应的图标状态

以前的老代码：

kotlin 复制代码

var use  = 0

新的代码：

kotlin 复制代码

var use by mutableIntStateOf(0)

只需要把变量换成 by mutable相关state的方法，然后ui就会自动刷新了！