Android Studio中如何用Kotlin实现复选框控制水平进度条

核心思路 #

• 给每个复选框绑定勾选状态变化监听
• 统计已勾选的复选框数量，进度条进度 = 已勾选数量 × 25%
• 根据数量实时更新进度条的进度值

1. XML控件参考（匹配你的布局结构） #

确保你的XML中每个复选框和进度条有明确的ID，示例结构如下：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <CheckBox
        android:id="@+id/checkBox1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项1"/>

    <CheckBox
        android:id="@+id/checkBox2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项2"/>

    <CheckBox
        android:id="@+id/checkBox3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项3"/>

    <CheckBox
        android:id="@+id/checkBox4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="选项4"/>

    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        android:max="100"/>
</LinearLayout>

2. Kotlin逻辑实现 #

在Activity或Fragment中完成控件初始化与监听绑定：

import android.os.Bundle
import android.widget.CheckBox
import android.widget.ProgressBar
import androidx.appcompat.app.AppCompatActivity

class MainActivity : AppCompatActivity() {
    private lateinit var checkBox1: CheckBox
    private lateinit var checkBox2: CheckBox
    private lateinit var checkBox3: CheckBox
    private lateinit var checkBox4: CheckBox
    private lateinit var progressBar: ProgressBar
    // 记录已勾选的复选框数量
    private var checkedCount = 0

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // 初始化所有控件
        checkBox1 = findViewById(R.id.checkBox1)
        checkBox2 = findViewById(R.id.checkBox2)
        checkBox3 = findViewById(R.id.checkBox3)
        checkBox4 = findViewById(R.id.checkBox4)
        progressBar = findViewById(R.id.progressBar)

        // 定义统一的勾选状态变化监听逻辑
        val checkChangeListener = CheckBox.OnCheckedChangeListener { _, isChecked ->
            // 根据勾选状态更新计数
            checkedCount += if (isChecked) 1 else -1
            // 计算并更新进度条进度（每个勾选项贡献25%）
            progressBar.progress = checkedCount * 25
        }

        // 为所有复选框绑定监听
        checkBox1.setOnCheckedChangeListener(checkChangeListener)
        checkBox2.setOnCheckedChangeListener(checkChangeListener)
        checkBox3.setOnCheckedChangeListener(checkChangeListener)
        checkBox4.setOnCheckedChangeListener(checkChangeListener)
    }
}

关键细节说明 #

• 复用同一个OnCheckedChangeListener，避免重复编写逻辑代码
• checkedCount变量实时统计已勾选数量，勾选时加1，取消勾选时减1
• 进度条max设为100，因此每个勾选项对应25的进度值（即25%）；如果你的进度条max不是100，只需调整进度计算公式即可

内容的提问来源于stack exchange，提问作者new_guy91