Функция Slider

Функция Slider рисует горизонтальную шкалу Material3 с перетаскиваемым ползунком. Текущее число передают в value, изменения принимают в onValueChange. Диапазон задают valueRange, шаг при необходимости - steps. Состояние хранят через remember и mutableStateOf.

Синтаксис

Slider(
	value = value,
	onValueChange = { value = it },
)

Параметры

Параметр	Описание
`value`	Текущее положение ползунка в пределах диапазона.
`onValueChange`	Лямбда с новым значением при перетаскивании.
`valueRange`	Минимум и максимум шкалы, по умолчанию от `0` до `1`.
`steps`	Число промежуточных делений между концами шкалы.
`enabled`	Разрешает или запрещает перетаскивание.

Пример

Давайте поставим ползунок на середину шкалы от 0 до 100:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.Slider
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 value by remember { mutableStateOf(50f) }
			Slider(
				value = value,
				onValueChange = { value = it },
				valueRange = 0f..100f,
			)
		}
	}
}

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

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

функция RangeSlider,
которая задаёт два конца интервала на одной шкале
функция Switch,
которая переключает булево состояние
функция Checkbox,
которая ставит или снимает отметку
функция OutlinedTextField,
которая вводит текст с клавиатуры