Функция RangeSlider

Функция RangeSlider рисует шкалу Material3 с двумя ползунками для начала и конца интервала. Пара чисел передают в value типа ClosedFloatingPointRange, обновление ловят в onValueChange. Диапазон шкалы задаёт valueRange. Состояние хранят через remember и mutableStateOf.

Синтаксис

RangeSlider(
	value = range,
	onValueChange = { range = it },
)

Параметры

Параметр	Описание
`value`	Текущий интервал: меньшее и большее значение ползунков.
`onValueChange`	Лямбда с новым интервалом при перетаскивании.
`valueRange`	Допустимые пределы для обоих ползунков.
`steps`	Число дискретных шагов между минимумом и максимумом.

Пример

Давайте выберем интервал между 20 и 80 на шкале до 100:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.RangeSlider
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue

class MainActivity : ComponentActivity() {
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			var range by remember { mutableStateOf(20f..80f) }
			RangeSlider(
				value = range,
				onValueChange = { range = it },
				valueRange = 0f..100f,
			)
		}
	}
}

На экране шкала с двумя ползунками и закрашенным отрезком между ними, каждый ползунок двигается отдельно.

Смотрите также

функция Slider,
которая выбирает одно число одним ползунком
функция Switch,
которая переключает режим вкл и выкл
функция RadioButton,
которая выбирает один вариант из группы
функция DatePicker,
которая выбирает дату в календаре Material3