Stepper
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
El Stepper permite a los usuarios seleccionar un rango de valores.
Usa el método Stepper para tener una experiencia de control de pantalla completa que permita a los usuarios seleccionar un rango de valores.
Anatomía
A. Botón para aumentar
B. Etiqueta o chip
C. Botón para disminuir
Uso
Consulta los siguientes ejemplos sobre cómo usar pasos.
Consulta la biblioteca de Horologist en GitHub, que ofrece una implementación de una pantalla de control de volumen.
Diseños adaptables
Comportamiento responsivo
El componente de pasos completa el alto y el ancho disponibles; por lo tanto, el espacio entre los elementos se determina por el tamaño de la pantalla y la altura disponible.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-27 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-27 (UTC)"],[],[],null,["# Steppers\n\nThe [Stepper](/reference/kotlin/androidx/wear/compose/material/package-summary#Stepper(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.ranges.ClosedFloatingPointRange,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)) allow users to make a selection from a range of values. \nUse steppers for a full-screen control experience that allows users to make a selection from a range of values.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\n**A. Increase button\nB. Label or chip\nC. Decrease button**\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nSee the following examples of how to use steppers.\n\nCheck out the [Horologist library](https://github.com/google/horologist#-audio-and-ui) on GitHub that offers an implementation of a volume control screen.\n\nAdaptive layouts\n----------------\n\nResponsive behavior\n-------------------\n\nThe stepper component fills available height and width, therefore the gap between elements is determined by the screen size and the available height."]]
