Android Material Design离散Seekbar如何无需点击即可显示进度？

嘿，我完全懂你的需求——你希望Material Design的离散SeekBar不用点击就能显示进度标签，不管是拖动过程中还是静止状态下都能看到。下面我给你两个实用的方案，直接就能在你的两个Activity里用上。

方案一：让进度标签始终可见 #

如果想要不管滑块处于什么状态，进度标签都一直显示，只需要通过配置labelBehavior属性就能实现：

1. 布局文件直接配置 #

在XML布局里给Slider添加app:labelBehavior="always"属性：

<com.google.android.material.slider.Slider
    android:id="@+id/discrete_slider"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:valueFrom="0"
    android:valueTo="100"
    android:stepSize="10"
    <!-- 关键属性：强制标签始终显示 -->
    app:labelBehavior="always"
    app:labelStyle="@style/Widget.MaterialComponents.Slider.Label" />

2. 代码动态设置 #

如果需要在运行时调整这个行为，也可以通过代码设置：

Kotlin

val discreteSlider = findViewById<Slider>(R.id.discrete_slider)
discreteSlider.labelBehavior = Slider.LABEL_BEHAVIOR_ALWAYS

Java

Slider discreteSlider = findViewById(R.id.discrete_slider);
discreteSlider.setLabelBehavior(Slider.LABEL_BEHAVIOR_ALWAYS);

方案二：触摸/悬停时自动显示标签（无需点击） #

如果不想让标签一直显示，只想在用户触摸滑块（包括按住未拖动）或者滑块获取焦点时自动弹出标签，可以用另一个预设的行为：

布局配置 #

<com.google.android.material.slider.Slider
    android:id="@+id/discrete_slider"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:valueFrom="0"
    android:valueTo="100"
    android:stepSize="10"
    <!-- 触摸或获取焦点时显示标签，不用点击 -->
    app:labelBehavior="onFocusOrTouch" />

代码动态设置 #

Kotlin

discreteSlider.labelBehavior = Slider.LABEL_BEHAVIOR_ON_FOCUS_OR_TOUCH

Java

discreteSlider.setLabelBehavior(Slider.LABEL_BEHAVIOR_ON_FOCUS_OR_TOUCH);

进阶：自定义标签内容 #

如果想要显示更个性化的进度文本，比如加上单位，可以通过labelFormatter来定制：

Kotlin

discreteSlider.setLabelFormatter { value ->
    "进度: ${value.toInt()}%"
}

Java

discreteSlider.setLabelFormatter(value -> "进度: " + (int)value + "%");

在两个Activity中复用的小技巧 #

为了避免在两个Activity里重复写配置代码，可以把Slider封装成自定义View：

class AutoLabelDiscreteSlider @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : Slider(context, attrs, defStyleAttr) {

    init {
        // 预设离散滑块的基础配置
        valueFrom = 0f
        valueTo = 100f
        stepSize = 10f
        // 设置你想要的标签显示行为
        labelBehavior = LABEL_BEHAVIOR_ALWAYS
        // 自定义标签文本
        setLabelFormatter { value -> "${value.toInt()}%" }
    }
}

之后在两个Activity的布局里直接引用这个自定义View即可：

<com.yourpackage.AutoLabelDiscreteSlider
    android:id="@+id/custom_slider"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

最后提醒一下：确保你的App主题继承自Material Components主题（比如Theme.MaterialComponents.DayNight.NoActionBar），这样Slider才能正确应用Material样式哦。

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