首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >两个拇指与滑块的材料组件,为android?

两个拇指与滑块的材料组件,为android?
EN

Stack Overflow用户
提问于 2019-11-23 10:17:59
回答 3查看 5.3K关注 0票数 8

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

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2020-04-08 08:36:35

您可以使用材料构件库

在布局中添加RangeSlider组件。类似于:

代码语言:javascript
复制
    <com.google.android.material.slider.RangeSlider
        android:id="@+id/slider_multiple_thumbs"            
        android:valueFrom="0"
        android:valueTo="10"
        ../>

然后使用setValues()方法

代码语言:javascript
复制
RangeSlider slider = findViewById(R.id.slider_multiple_thumbs);
slider.setValues(1.0f,5.0f);

最终结果:

注:这需要最少版本的1.2.0-beta01

请注意:

  • 每个值必须大于或等于valueFrom,小于或等于valueTo。如果不是这样,就会抛出一个IllegalArgumentException
  • 如果滑块处于离散模式,则必须将该值设置为落在滴答上的值。如果不是这样,就会抛出一个IllegalArgumentException

使用组合,您可以使用RangeSlider

代码语言:javascript
复制
    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)
        },
    )

票数 8
EN

Stack Overflow用户

发布于 2020-02-25 09:13:32

它现在可以在alpha-05发行版中使用:材料-部件通过用两个值调用setValues()来使用它来启用两个大拇指。

票数 4
EN

Stack Overflow用户

发布于 2022-01-15 15:12:43

2022更新

现在它存在RangeSlider

代码语言:javascript
复制
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)
    },
)

您可以在这里找到所有文档:材料RangeSlider医生

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59006577

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档