Bitbybit Docs
    Bereite Suchindex vor...

    Klasse BabylonGuiSlider

    Schieberegler zum Wählen einer Zahl zwischen einem Minimum und einem Maximum durch Ziehen eines Griffs, horizontal oder vertikal. Abonnieren Sie das Wertänderungsereignis, um auf den Benutzer zu reagieren; Bereich, Schrittweite, Wert, Farben und Griff können nach dem Erstellen geändert werden.

    Index

    Konstruktoren

    create

    • Erstellt einen Schieberegler, der eine Zahl von minimum bis maximum in Vielfachen von step wählt, beginnend bei value.

      Ein horizontaler Schieberegler nimmt die Breite des Elternelements, sofern width nicht angegeben ist; ein vertikaler nimmt dessen Höhe. Der Griff ist weiß, bis changeSliderThumb ihn ändert.

      Parameter

      • inputs: CreateSliderDto

        Der Name, der Bereich, der Wert, die Schrittweite, die Richtung, die Farben, die optionale Größe und das Griff-Flag

      Rückgabewert Slider

      Der Schieberegler

      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

    • Liest die Farbe der Linie um die Schiene eines Schiebereglers.

      Parameter

      Rückgabewert string

      Die Randfarbe

    • Liest die Farbe des ungefüllten Teils der Schiene eines Schiebereglers.

      Parameter

      Rückgabewert string

      Die Hintergrundfarbe

    • Liest den größten Wert, den ein Schieberegler erreichen kann.

      Parameter

      Rückgabewert number

      Das Maximum

    • Liest den kleinsten Wert, den ein Schieberegler erreichen kann.

      Parameter

      Rückgabewert number

      Das Minimum

    • Liest die Schrittweite, in der sich ein Schieberegler bewegt, wobei 0 stufenlose Bewegung bedeutet.

      Parameter

      Rückgabewert number

      Die Schrittweite

    • Liest den aktuellen Wert eines Schiebereglers, zwischen seinem Minimum und Maximum.

      Parameter

      Rückgabewert number

      Der Wert

    • Liest die Farbe des Griffs eines Schiebereglers als CSS-Farbzeichenkette.

      Parameter

      Rückgabewert string

      Die Grifffarbe

    • Liest die Breite des Griffs eines Schiebereglers, als Pixel-Zeichenkette oder als Anteil.

      Parameter

      Rückgabewert string | number

      Die Griffbreite

    • Liest, ob ein Schieberegler von unten nach oben statt von links nach rechts verläuft.

      Parameter

      Rückgabewert boolean

      True, wenn der Schieberegler vertikal ist

    • Liest, ob ein Schieberegler seinen Griff zeigt oder nur die Schiene.

      Parameter

      Rückgabewert boolean

      True, wenn der Griff angezeigt wird

    • Liest, ob der Griff eines Schiebereglers rund statt eckig ist.

      Parameter

      Rückgabewert boolean

      True, wenn der Griff rund ist

    • Liest, ob der Griff eines Schiebereglers an den Enden innerhalb der Schiene bleibt, statt über sie hinauszuragen.

      Parameter

      Rückgabewert boolean

      True, wenn der Griff begrenzt ist

    set

    • Gestaltet den Griff eines Schiebereglers neu: rund oder eckig, seine Farbe und Breite, ob er innerhalb der Schiene bleibt und ob er überhaupt angezeigt wird.

      Parameter

      • inputs: SliderThumbDto

        Der Schieberegler, die Form, Farbe und Breite des Griffs, das Begrenzt-Flag und das Anzeige-Flag

      Rückgabewert Slider

      Derselbe Schieberegler

      bitbybit.babylon.gui.slider.changeSliderThumb({ slider, isThumbCircle: true, thumbColor: "white", thumbWidth: "20px", isThumbClamped: true, displayThumb: true });
      
    • Setzt die Farbe der Linie um die Schiene eines Schiebereglers, als CSS-Farbe.

      Parameter

      Rückgabewert Slider

      Derselbe Schieberegler

    • Setzt die Farbe des ungefüllten Teils der Schiene eines Schiebereglers, als CSS-Farbe.

      Parameter

      Rückgabewert Slider

      Derselbe Schieberegler

    • Setzt den größten Wert, den ein Schieberegler erreichen kann, den Wert an seinem rechten oder oberen Ende.

      Parameter

      Rückgabewert Slider

      Derselbe Schieberegler

    • Setzt den kleinsten Wert, den ein Schieberegler erreichen kann, den Wert an seinem linken oder unteren Ende.

      Parameter

      Rückgabewert Slider

      Derselbe Schieberegler

    • Setzt die Schrittweite, in der sich ein Schieberegler bewegt, sodass 1 nur ganze Zahlen ergibt und 0 ihn stufenlos bewegen lässt.

      Parameter

      Rückgabewert Slider

      Derselbe Schieberegler

    • Bewegt einen Schieberegler auf einen Wert, was sein Wertänderungsereignis auslöst, wie es ein Ziehen durch den Benutzer täte.

      Parameter

      Rückgabewert Slider

      Derselbe Schieberegler

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