android - Android 的 Material 组件 slider 有两个大拇指？

Question

关于 the sliders presentation在 Material.io 网站上，他们在下面显示了双拇指 slider ，但我找不到如何启用它，而且我也没有真正找到任何文档。 android组件可用吗？

Answer 1

您可以使用 Material Components Library .
在您的布局中添加 RangeSlider 组件。像这样的东西:

    <com.google.android.material.slider.RangeSlider
        android:id="@+id/slider_multiple_thumbs"            
        android:valueFrom="0"
        android:valueTo="10"
        ../>

然后使用方法setValues() :

RangeSlider slider = findViewById(R.id.slider_multiple_thumbs);
slider.setValues(1.0f,5.0f);

最终结果:

注意:这需要最低版本 1.2.0-beta01

请注意:

• 每个值必须大于或等于 valueFrom，并且小于或等于 valueTo。如果不是这种情况，将抛出一个 IllegalArgumentException。
• 如果 slider 处于离散模式，则值必须设置为落在刻度上的值。如果不是这种情况，将抛出 IllegalArgumentException。

---

借助 Compose，您可以使用 RangeSlider:

    var sliderPosition by remember { mutableStateOf(0f..100f) }

    RangeSlider(
        modifier = Modifier.semantics { contentDescription = "Localized Description" },
        value = sliderPosition,
        onValueChange = { sliderPosition = it },
        valueRange = 0f..100f,
        onValueChangeFinished = {
            // launch some business logic update with the state you hold
            // viewModel.updateSelectedSliderValue(sliderPosition)
        },
    )