Controles deslizantes
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Os controles deslizantes inline permitem que os usuários façam seleções em um intervalo de valores.
Use controles deslizantes inline para selecionar um valor em um intervalo, como ao definir o brilho da tela ou o tamanho da fonte. As alterações feitas com controles deslizantes são imediatas, permitindo que o usuário continue a fazer ajustes até ficar satisfeito. Não use controles deslizantes em situações em que os ajustes não são imediatos.
Anatomia
A. Barra de progresso
B. Acompanhamento do progresso
C. Contêiner
D. Ícone de diminuir
E. Ícone de aumentar
F. Espaçador
Recomendações de design
Controle deslizante segmentado
Use um controle deslizante segmentado se o intervalo de valores estiver entre três e nove. Se o intervalo for maior do que oito, os segmentos ficarão muito pequenos para serem visíveis.
Uso
Layouts adaptáveis
Os segmentos de etapa preenchem a largura disponível, por isso, aparecem mais longos dependendo do tamanho da tela.
Preenche a largura disponível
Os controles deslizantes se esticam para preencher a largura disponível em telas maiores.
Ícone (24 x 24 dp)
Contêiner (52 x XX dp)
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-27 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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"]]
