Controles deslizantes
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Los controles deslizantes intercalados permiten que los usuarios seleccionen en un rango de valores.
Usa los controles deslizantes intercalados para seleccionar un valor de un rango, como establecer el brillo de la pantalla o el tamaño de la fuente. Los cambios realizados con los controles deslizantes son inmediatos, lo que le permite al usuario continuar realizando ajustes hasta que esté satisfecho. No uses los controles deslizantes en situaciones en las que los ajustes no sean inmediatos.
Anatomía
A. Barra de progreso
B. Seguimiento del progreso
C. Contenedor
D. Ícono de disminución
E. Ícono de aumento
F. Separador
Recomendaciones de diseño
Control deslizante segmentado
Considera usar un control deslizante segmentado si el rango de valores se encuentra entre tres y nueve. Si el rango es superior a ocho, los segmentos serán demasiado pequeños para ser visibles.
Uso
Diseños adaptables
Los segmentos escalonados ocupan el ancho disponible, por lo que aparecerán más largos según el tamaño de la pantalla.
Ancho disponible de relleno
En las pantallas más grandes, los controles deslizantes se estiran para llenar el ancho disponible.
Ícono (24 x 24 dp)
Contenedor (52 x XX dp)
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,["# Sliders\n\nThe [Inline sliders](/reference/kotlin/androidx/wear/compose/material/package-summary#InlineSlider(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Boolean,androidx.wear.compose.material.InlineSliderColors)) allow users to make selections from a range of values. \nUse inline sliders to select a value from a range, such as setting screen brightness or font size. Changes made with sliders are immediate, allowing the user to continue to make adjustments until they are satisfied. Don't use sliders in situations where adjustments are not immediate.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nAnatomy\n-------\n\n**A. Progress bar\nB. Progress track\nC. Container\nD. Decrease icon\nE. Increase icon\nF. Spacer**\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nDesign recommendations\n----------------------\n\n**Segmented slider**\n\nConsider using a segmented slider if the range of values is between three and nine. If the range is greater than eight, segments will be too small to be visible.\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\nUsage\n-----\n\nAdaptive layouts\n----------------\n\nThe step segments fills the available width, so it will appear longer depending on the size of the screen.\n\n**Fills available width**\n\nSliders stretch to fill the available width on larger screens.\n\nIcon (24 x 24 dp) \n\nContainer (52 x XX dp)\n\n\u003cbr /\u003e\n\n\u003cbr /\u003e"]]
