如何实现SeekBar在三个位置切换绿、黄、红三色？

嘿，这就帮你搞定这个分段颜色的SeekBar！根据你的需求，我们可以通过自定义Drawable和简单的代码控制来实现，具体步骤如下：

首先，我们需要自定义SeekBar的进度条样式，让它呈现绿、黄、红三个分段，再配合代码让滑块停在指定位置。

1. 创建自定义进度条Drawable #

在res/drawable目录下新建seekbar_progress.xml，这个文件定义了SeekBar的背景和分段颜色：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 灰色背景层 -->
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="#e0e0e0" />
            <corners android:radius="8dp" />
        </shape>
    </item>
    <!-- 分段进度层 -->
    <item android:id="@android:id/progress">
        <clip>
            <layer-list>
                <!-- 绿色段：对应进度0-1 -->
                <item android:width="33.33%">
                    <shape>
                        <solid android:color="#4CAF50" />
                        <corners android:radius="8dp" />
                    </shape>
                </item>
                <!-- 黄色段：对应进度1-2 -->
                <item android:width="33.33%" android:left="33.33%">
                    <shape>
                        <solid android:color="#FFC107" />
                        <corners android:radius="8dp" />
                    </shape>
                </item>
                <!-- 红色段：对应进度2-3 -->
                <item android:width="33.33%" android:left="66.66%">
                    <shape>
                        <solid android:color="#F44336" />
                        <corners android:radius="8dp" />
                    </shape>
                </item>
            </layer-list>
        </clip>
    </item>
</layer-list>

2. 自定义滑块样式（可选但推荐） #

同样在res/drawable下新建seekbar_thumb.xml，打造一个清晰的圆形滑块：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#FFFFFF" />
    <stroke android:width="2dp" android:color="#333333" />
    <size android:width="24dp" android:height="24dp" />
</shape>

3. 修改SeekBar布局 #

更新你现有的SeekBar代码，添加自定义的样式属性：

<SeekBar
    android:id="@+id/colorSeekBar"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_marginRight="10dp"
    android:max="3"
    android:progressDrawable="@drawable/seekbar_progress"
    android:thumb="@drawable/seekbar_thumb"
    android:thumbOffset="0dp" />

4. 控制滑块停在指定位置 #

如果希望滑块只能停在三个分段的端点（进度0、1、2、3），可以在Activity或Fragment中添加监听逻辑：

SeekBar colorSeekBar = findViewById(R.id.colorSeekBar);
colorSeekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        // 确保进度只停在整数位置
        int fixedProgress = Math.round(progress / 1f);
        if (fixedProgress != progress) {
            seekBar.setProgress(fixedProgress);
        }
    }

    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {}

    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {
        // 松开手指后再次确认进度位置
        int fixedProgress = Math.round(seekBar.getProgress() / 1f);
        seekBar.setProgress(fixedProgress);
    }
});

这样设置后，你的SeekBar就会呈现三个颜色分段，滑块拖动时会精准停在每个分段的节点，完美匹配你的需求~

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