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

Question

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

Answer 1

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

Answer 2

您可以使用 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。
如果滑块处于离散模式，则值必须设置为落在刻度上的值。如果不是这种情况，将抛出 IllegalArgumentException。

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

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

Two thumbs with the slider of Material component for android?

android

slider

material-design

material-components

android-slider