Bitbybit Docs
    Preparing search index...

    Class BabylonGuiSlider

    Curseurs pour choisir un nombre entre un minimum et un maximum en faisant glisser une poignée, horizontalement ou verticalement. Abonnez-vous à l'événement de changement de valeur pour réagir à l'utilisateur ; la plage, le pas, la valeur, les couleurs et la poignée peuvent être changés après création.

    Index

    Constructors

    create

    • Crée un curseur qui choisit un nombre de minimum à maximum par multiples de step, en partant de value.

      Un curseur horizontal prend la largeur du parent sauf si width est donné ; un curseur vertical prend sa hauteur. La poignée est blanche jusqu'à ce que changeSliderThumb la change.

      Parameters

      • inputs: CreateSliderDto

        Le nom, la plage, la valeur, le pas, la direction, les couleurs, la taille facultative et l'indicateur de poignée

      Returns Slider

      Le curseur

      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

    • Lit la couleur de la ligne autour de la piste d'un curseur.

      Parameters

      Returns string

      La couleur de bordure

    • Lit la couleur de la partie non remplie de la piste d'un curseur.

      Parameters

      Returns string

      La couleur d'arrière-plan

    • Lit la plus grande valeur qu'un curseur peut atteindre.

      Parameters

      Returns number

      Le maximum

    • Lit la plus petite valeur qu'un curseur peut atteindre.

      Parameters

      Returns number

      Le minimum

    • Lit l'incrément par lequel un curseur se déplace, 0 signifiant un déplacement continu.

      Parameters

      Returns number

      Le pas

    • Lit la valeur actuelle d'un curseur, entre son minimum et son maximum.

      Parameters

      Returns number

      La valeur

    • Lit la couleur de la poignée d'un curseur sous forme de chaîne de couleur CSS.

      Parameters

      Returns string

      La couleur de la poignée

    • Lit la largeur de la poignée d'un curseur, sous forme de chaîne de pixels ou de fraction.

      Parameters

      Returns string | number

      La largeur de la poignée

    • Lit si un curseur va de bas en haut plutôt que de gauche à droite.

      Parameters

      Returns boolean

      Vrai quand le curseur est vertical

    • Lit si un curseur affiche sa poignée ou seulement la piste.

      Parameters

      Returns boolean

      Vrai quand la poignée est affichée

    • Lit si la poignée d'un curseur est ronde plutôt que carrée.

      Parameters

      Returns boolean

      Vrai quand la poignée est ronde

    • Lit si la poignée d'un curseur reste à l'intérieur de la piste aux extrémités au lieu de la dépasser.

      Parameters

      Returns boolean

      Vrai quand la poignée est limitée

    set

    • Restyle la poignée d'un curseur : ronde ou carrée, sa couleur et sa largeur, si elle reste à l'intérieur de la piste et si elle est affichée du tout.

      Parameters

      • inputs: SliderThumbDto

        Le curseur, la forme, la couleur et la largeur de la poignée, l'indicateur de limitation et l'indicateur d'affichage

      Returns Slider

      Le même curseur

      bitbybit.babylon.gui.slider.changeSliderThumb({ slider, isThumbCircle: true, thumbColor: "white", thumbWidth: "20px", isThumbClamped: true, displayThumb: true });
      
    • Règle la couleur de la ligne autour de la piste d'un curseur, sous forme de couleur CSS.

      Parameters

      Returns Slider

      Le même curseur

    • Règle la couleur de la partie non remplie de la piste d'un curseur, sous forme de couleur CSS.

      Parameters

      Returns Slider

      Le même curseur

    • Règle la plus grande valeur qu'un curseur peut atteindre, la valeur à son extrémité droite ou haute.

      Parameters

      Returns Slider

      Le même curseur

    • Règle la plus petite valeur qu'un curseur peut atteindre, la valeur à son extrémité gauche ou basse.

      Parameters

      Returns Slider

      Le même curseur

    • Règle l'incrément par lequel un curseur se déplace, 1 ne donnant donc que des nombres entiers et 0 le laissant se déplacer en continu.

      Parameters

      Returns Slider

      Le même curseur

    • Déplace un curseur à une valeur, ce qui déclenche son événement de changement de valeur comme le ferait un glissement de l'utilisateur.

      Parameters

      Returns Slider

      Le même curseur

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