Bitbybit Docs
    Preparing search index...

    Class BabylonGuiSlider

    Sliders para escolher um número entre um mínimo e um máximo arrastando um cursor, horizontal ou verticalmente. Subscreva o evento de alteração de valor para reagir ao utilizador; o intervalo, o passo, o valor, as cores e o cursor podem ser alterados depois da criação.

    Index

    Constructors

    create

    • Cria um deslizador que escolhe um número de minimum a maximum em múltiplos de step, começando em value.

      Um deslizador horizontal ocupa a largura do pai a menos que width seja dada; um vertical ocupa a sua altura. O manípulo é branco até changeSliderThumb o alterar.

      Parameters

      • inputs: CreateSliderDto

        O nome, o intervalo, o valor, o passo, a direção, as cores, o tamanho opcional e o indicador do cursor

      Returns Slider

      O slider

      const slider = bitbybit.babylon.gui.slider.createSlider({ name: "radius", minimum: 1, maximum: 20, value: 5, step: 0.5, isVertical: false, color: "#f0cebb", background: "black", width: "300px", height: "40px", displayThumb: true });
      panel.addControl(slider);
      slider.onValueChangedObservable.add((value) => { console.log(value); });

    get

    • Lê a cor da linha à volta da pista de um deslizador.

      Parameters

      Returns string

      A cor do contorno

    • Lê a cor da parte não preenchida da pista de um deslizador.

      Parameters

      Returns string

      A cor de fundo

    • Lê o maior valor que um deslizador pode alcançar.

      Parameters

      Returns number

      O máximo

    • Lê o menor valor que um deslizador pode alcançar.

      Parameters

      Returns number

      O mínimo

    • Lê o incremento em que um deslizador se move, 0 significando movimento suave.

      Parameters

      Returns number

      O passo

    • Lê o valor atual de um deslizador, entre o seu mínimo e o seu máximo.

      Parameters

      Returns number

      O valor

    • Lê a cor do manípulo de um deslizador como uma string de cor CSS.

      Parameters

      Returns string

      A cor do cursor

    • Lê a largura do manípulo de um deslizador, como uma string de píxeis ou uma fração.

      Parameters

      Returns string | number

      A largura do cursor

    • Lê se um deslizador corre de baixo para cima em vez da esquerda para a direita.

      Parameters

      Returns boolean

      True quando o slider é vertical

    • Lê se um deslizador mostra o seu manípulo ou só a pista.

      Parameters

      Returns boolean

      True quando o cursor é mostrado

    • Lê se o manípulo de um deslizador é redondo em vez de quadrado.

      Parameters

      Returns boolean

      True quando o cursor é redondo

    • Lê se o manípulo de um deslizador fica dentro da pista nas extremidades em vez de a ultrapassar.

      Parameters

      Returns boolean

      True quando o cursor está limitado

    set

    • Reestiliza o manípulo de um deslizador: redondo ou quadrado, a sua cor e largura, se fica dentro da pista e se é mostrado de todo.

      Parameters

      • inputs: SliderThumbDto

        O slider, a forma, a cor e a largura do cursor, o indicador de limitação e o indicador de exibição

      Returns Slider

      O mesmo slider

      bitbybit.babylon.gui.slider.changeSliderThumb({ slider, isThumbCircle: true, thumbColor: "white", thumbWidth: "20px", isThumbClamped: true, displayThumb: true });
      
    • Define a cor da linha à volta da pista de um deslizador, como uma cor CSS.

      Parameters

      Returns Slider

      O mesmo slider

    • Define a cor da parte não preenchida da pista de um deslizador, como uma cor CSS.

      Parameters

      Returns Slider

      O mesmo slider

    • Define o maior valor que um deslizador pode alcançar, o valor na sua extremidade direita ou superior.

      Parameters

      Returns Slider

      O mesmo slider

    • Define o menor valor que um deslizador pode alcançar, o valor na sua extremidade esquerda ou inferior.

      Parameters

      Returns Slider

      O mesmo slider

    • Define o incremento em que um deslizador se move, de modo que 1 dá apenas números inteiros e 0 deixa-o mover-se suavemente.

      Parameters

      Returns Slider

      O mesmo slider

    • Move um deslizador para um valor, o que dispara o seu evento de alteração de valor como um arrasto do utilizador faria.

      Parameters

      Returns Slider

      O mesmo slider

      bitbybit.babylon.gui.slider.setValue({ slider, value: 7.5 });