Tipos de controle deslizante e seus atributos de entrada

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 2 min. de leitura

    • Revise as seções para ver exemplos de tipo de controle deslizante e saber quais atributos de entrada são usados para criá-los.

    As seções neste tópico mostram os tipos de controles deslizantes que você pode criar e os atributos de entrada necessários para criá-los. Para obter mais informações sobre todos os atributos de entrada, consulte a seção Número no tópico Atributos da tela do formulário de entrada para entradas.
    Nota:
    • O atributo de entrada DefaultValue é o valor numérico exibido quando um usuário exibe o controle deslizante pela primeira vez. Em algumas das seções abaixo, o atributo de entrada DefaultValue é marcado como opcional, é marcado como opcional, já que você não pode dizer se o atributo foi usado nas imagens exibidas.
    • O atributo de entrada EnforceStepSize não é um atributo visual. Ele está marcado como opcional em algumas das seções, pois você não pode ver se ele foi usado a partir das imagens exibidas.

    Para obter mais informações sobre todos os atributos de entrada, consulte a seção Número no tópico Atributos da tela do formulário de entrada para entradas.

    Controle deslizante de inteiro

    Um controle deslizante inteiro, mostrando uma entrada chamada Número de saídas com um valor de 60.
    Atributos de entrada necessários para criar um controle deslizante de tipo inteiro simples.
    • Mín
    • Máx
    • StepSize
    • EnforceStepSize: Opcional

    Controle deslizante de valor padrão

    Controle deslizante com valores entre 1 e 100 e um número padrão de 50.
    Um valor padrão fornece um ponto de partida para ajudar os usuários a entender uma configuração típica ou sugerida. Os atributos de entrada a seguir são necessários para criar um controle deslizante com um valor padrão exibido.
    • Mín
    • Máx
    • Valor padrão
    • StepSize
    • EnforceStepSize: Opcional

    Controle deslizante Etapas visuais

    Um controle deslizante visual de etapas com um intervalo de 0 a 20. Cada etapa marca um aumento de 2. O número exibido é 12.
    Um controle deslizante de etapa visual deixa claro para os usuários o que cada posição no controle deslizante representa. Os atributos de entrada a seguir são necessários para criar um controle deslizante que contém etapas visuais.
    • Mín
    • Máx
    • Valor padrão: Opcional
    • StepSize
    • VisualStepsEnabled
    • EnforceStepSize: Opcional

    Controle deslizante de tamanho de etapa imposto

    Um controle deslizante de etapa imposto com uma mensagem de erro informando que o número selecionado de 0,1 não é válido e precisa estar dentro de um intervalo de 0,0 e 0,5.
    Use um controle deslizante de tamanho de etapa imposto para garantir que os usuários só possam selecionar valores predefinidos específicos. Este controle deslizante é uma opção mais apropriada do que um controle deslizante de etapa visual, se o intervalo de valores for grande. Os atributos de entrada a seguir são necessários para criar um controle deslizante com etapas impostas.
    • Mín
    • Máx
    • Valor padrão: Opcional
    • StepSize
    • EnforceStepSize

    Controle deslizante do ponto de referência

    Controle deslizante com valores de menos 200 e 200. Com um ponto de referência zero no meio do controle deslizante.
    Use um ponto de referência em um controle deslizante para ajudar os usuários a entender onde eles estão dentro do intervalo de valores possíveis. Por exemplo, um ponto de referência no centro mostra aos usuários que eles estão definindo um valor maior ou menor do que o valor esperado. Os atributos de entrada a seguir são necessários para criar um controle deslizante que contém um ponto de referência.
    • Mín
    • Máx
    • Valor padrão: Opcional
    • StepSize
    • ReferencePoint
    • VisualStepsEnabled
    • EnforceStepSize: Opcional

    Deslizante decorativo de degrau

    O tipo de renderização chamado Controle deslizante que mostra uma entrada chamada Qualidade de serviço com o indicador colocado na área laranja, que é listada como ruim.
    Use um controle deslizante decorativo de etapa para melhorar a aparência geral da interface do usuário. Isso é importante em aplicações focadas em design, em que a experiência visual é um aspecto fundamental. Este tipo de controle deslizante fornece três indicadores visuais: O valor numérico, o texto de acompanhamento (por exemplo, bom, ruim e ruim) e o controle deslizante colorido. Esses elementos visuais coloridos podem ajudar na acessibilidade. Por exemplo, cores distintas para cada etapa podem ajudar os usuários a entender melhor a posição e as opções do controle deslizante. Os atributos de entrada a seguir são necessários para criar um controle deslizante de etapa decorativo.
    • Mín
    • Máx
    • Valor padrão: Opcional
    • StepSize
    • EnforceStepSize: Opcional
    • Decoração