android - 两个拇指与 android 的 Material 组件的滑块？

Question

在Material.io 网站的滑块演示文稿中，他们在下面显示了双拇指滑块，但我找不到如何启用它，我也没有真正找到任何文档。它可用于android组件吗？

Answer 1

您可以使用材料组件库。在布局中
添加组件。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则会抛出 an 。
• 如果滑块处于离散模式，则必须将值设置为落在刻度上的值。如果不是这种情况，IllegalArgumentException则会抛出 an 。

Answer 2

它现在在 alpha-05-release 中可用：material-components 通过调用setValues()两个值来启用两个拇指来使用它。

Answer 3

【2022更新】

现在它存在了RangeSlider。

import androidx.compose.material.RangeSlider
import androidx.compose.material.Text
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember

var sliderPosition by remember { mutableStateOf(0f..100f) }
Text(text = sliderPosition.toString())
RangeSlider(
    values = sliderPosition,
    onValueChange = { sliderPosition = it },
    valueRange = 0f..100f,
    onValueChangeFinished = {
        // launch some business logic update with the state you hold
        // viewModel.updateSelectedSliderValue(sliderPosition)
    },
)

您可以在此处找到所有文档：Material RangeSlider Doc