Android离散SeekBar能否通过代码将滑块定位到连续值位置？

问题背景 #

我在Android中使用了一个带5个离散值的SeekBar，XML代码如下：

<SeekBar
    android:id="@+id/seekBar_Sweetness"
    style="@style/Widget.AppCompat.SeekBar.Discrete"
    android:layout_width="@dimen/_100sdp"
    android:layout_height="@dimen/_14sdp"
    android:max="4"
    android:maxHeight="4dip"
    android:minHeight="4dip"
    android:progress="2"
    android:progressDrawable="@drawable/seek_bar_ruler_rate"
    android:thumb="@drawable/seek_bar_slider_beer"
    app:layout_constraintBottom_toTopOf="@+id/textView_numberOfRatings"
    app:layout_constraintEnd_toEndOf="@+id/textView_ratingLabel"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="@+id/textView_ratingLabel"
    app:layout_constraintTop_toTopOf="@+id/barChartRatings"
    app:layout_constraintVertical_bias="0.25" />

显示效果如下：

需求是：通过编程方式将滑块定位到离散值之间的任意连续位置，设置后固定滑块禁止用户交互，仅作为信息展示载体（基于离散值的百分比计算结果）。

实现思路与方案 #

完全可以实现，核心是绕过原生Discrete SeekBar的步进限制，直接控制滑块位置并禁用交互，以下是两种可行方案：

1. 快速实现：反射修改滑块位置 #

利用反射获取SeekBar内部的滑块对象，直接计算并设置其绝对坐标，同时禁用用户触摸：

步骤1：禁用交互

SeekBar sweetnessSeekBar = findViewById(R.id.seekBar_Sweetness);
// 禁用触摸，保持控件样式不变
sweetnessSeekBar.setOnTouchListener((v, event) -> true);

步骤2：编写连续位置设置方法

/**
 * 设置SeekBar滑块到连续位置
 * @param seekBar 目标SeekBar
 * @param percentage 位置百分比，范围0.0f（最左）到1.0f（最右）
 */
public void setSeekBarContinuousPosition(SeekBar seekBar, float percentage) {
    if (seekBar.getWidth() == 0) {
        // 若控件未完成布局，延迟执行
        seekBar.post(() -> setSeekBarContinuousPosition(seekBar, percentage));
        return;
    }
    // 计算滑块目标X坐标
    int usableWidth = seekBar.getWidth() - seekBar.getPaddingLeft() - seekBar.getPaddingRight();
    Drawable thumb = seekBar.getThumb();
    float thumbHalfWidth = thumb.getIntrinsicWidth() / 2f;
    float targetX = seekBar.getPaddingLeft() + percentage * usableWidth - thumbHalfWidth;

    try {
        // 反射获取并修改滑块位置
        Field thumbField = AbsSeekBar.class.getDeclaredField("mThumb");
        thumbField.setAccessible(true);
        thumb.setBounds(
                (int) targetX,
                thumb.getBounds().top,
                (int) targetX + thumb.getIntrinsicWidth(),
                thumb.getBounds().bottom
        );
        seekBar.invalidate();
    } catch (NoSuchFieldException | IllegalAccessException e) {
        e.printStackTrace();
    }
}

调用示例

比如要设置到2.3/4的位置（对应5个离散值的第2和第3之间），百分比为2.3f / 4f = 0.575f：

setSeekBarContinuousPosition(sweetnessSeekBar, 0.575f);

2. 稳定方案：自定义SeekBar子类 #

反射可能受Android版本兼容影响，自定义子类是更可靠的选择：

自定义SeekBar类

public class ContinuousDisplaySeekBar extends SeekBar {
    private float mContinuousProgress = 0f;

    public ContinuousDisplaySeekBar(Context context) {
        super(context);
        init();
    }

    public ContinuousDisplaySeekBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public ContinuousDisplaySeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        // 默认禁用触摸交互
        setOnTouchListener((v, event) -> true);
    }

    /**
     * 设置连续进度值，范围0到max的浮点值
     * @param progress 比如max为4时，设置2.3就传2.3f
     */
    public void setContinuousProgress(float progress) {
        mContinuousProgress = Math.max(0f, Math.min(progress, getMax()));
        invalidate();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 先绘制进度条背景，再手动绘制滑块到目标位置
        super.onDraw(canvas);
        if (getThumb() == null) return;

        int usableWidth = getWidth() - getPaddingLeft() - getPaddingRight();
        float percentage = mContinuousProgress / getMax();
        float thumbHalfWidth = getThumb().getIntrinsicWidth() / 2f;
        float thumbX = getPaddingLeft() + percentage * usableWidth;

        // 绘制滑块
        canvas.save();
        canvas.translate(thumbX - thumbHalfWidth, 0);
        getThumb().draw(canvas);
        canvas.restore();
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        // 布局变化时重绘滑块
        invalidate();
    }
}

修改XML布局

将原SeekBar替换为自定义类：

<com.yourpackage.ContinuousDisplaySeekBar
    android:id="@+id/seekBar_Sweetness"
    style="@style/Widget.AppCompat.SeekBar.Discrete"
    android:layout_width="@dimen/_100sdp"
    android:layout_height="@dimen/_14sdp"
    android:max="4"
    android:maxHeight="4dip"
    android:minHeight="4dip"
    android:progress="2"
    android:progressDrawable="@drawable/seek_bar_ruler_rate"
    android:thumb="@drawable/seek_bar_slider_beer"
    app:layout_constraintBottom_toTopOf="@+id/textView_numberOfRatings"
    app:layout_constraintEnd_toEndOf="@+id/textView_ratingLabel"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="@+id/textView_ratingLabel"
    app:layout_constraintTop_toTopOf="@+id/barChartRatings"
    app:layout_constraintVertical_bias="0.25" />

调用示例

ContinuousDisplaySeekBar sweetnessSeekBar = findViewById(R.id.seekBar_Sweetness);
// 设置到2.3的位置
sweetnessSeekBar.setContinuousProgress(2.3f);

注意事项 #

• 若使用自定义进度Drawable，需确保其绘制逻辑不会覆盖滑块；
• 反射方案需处理控件未完成布局的情况（通过post延迟执行）；
• 若需要保持控件原有样式，避免使用setEnabled(false)，仅用触摸监听器禁用交互即可。

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