Bitbybit Docs
    Preparing search index...

    Class BabylonGuiSlider

    Slider untuk memilih angka antara minimum dan maksimum dengan menyeret thumb, secara horizontal atau vertikal. Berlangganan ke event perubahan nilai untuk merespons pengguna; rentang, langkah, nilai, warna dan thumb dapat diubah setelah pembuatan.

    Index

    Constructors

    create

    • Membuat slider yang memilih angka dari minimum sampai maximum dalam kelipatan step, dimulai dari value.

      Slider horizontal mengambil lebar induk kecuali width diberikan; slider vertikal mengambil tingginya. Thumb-nya berwarna putih sampai changeSliderThumb mengubahnya.

      Parameters

      • inputs: CreateSliderDto

        Nama, rentang, nilai, langkah, arah, warna, ukuran opsional dan flag thumb

      Returns Slider

      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

    • Membaca warna garis di sekeliling track slider.

      Parameters

      Returns string

      Warna garis tepi

    • Membaca warna bagian track slider yang tidak terisi.

      Parameters

      Returns string

      Warna latar belakang

    • Membaca nilai terbesar yang dapat dicapai slider.

      Parameters

      Returns number

      Nilai maksimum

    • Membaca nilai terkecil yang dapat dicapai slider.

      Parameters

      Returns number

      Nilai minimum

    • Membaca kenaikan gerak slider, 0 berarti gerakan mulus.

      Parameters

      Returns number

      Langkah

    • Membaca nilai slider saat ini, antara minimum dan maksimumnya.

      Parameters

      Returns number

      Nilai

    • Membaca warna thumb slider sebagai string warna CSS.

      Parameters

      Returns string

      Warna thumb

    • Membaca lebar thumb slider, sebagai string piksel atau pecahan.

      Parameters

      Returns string | number

      Lebar thumb

    • Membaca apakah slider berjalan dari bawah ke atas, bukan dari kiri ke kanan.

      Parameters

      Returns boolean

      True jika slider vertikal

    • Membaca apakah slider menampilkan thumb-nya atau hanya track-nya.

      Parameters

      Returns boolean

      True jika thumb ditampilkan

    • Membaca apakah thumb slider bulat, bukan persegi.

      Parameters

      Returns boolean

      True jika thumb berbentuk bulat

    • Membaca apakah thumb slider tetap di dalam track pada ujung-ujungnya, bukan menjulur keluar.

      Parameters

      Returns boolean

      True jika thumb dibatasi (clamped)

    set

    • Menata ulang gaya thumb sebuah slider: bulat atau persegi, warna dan lebarnya, apakah tetap di dalam track dan apakah ditampilkan sama sekali.

      Parameters

      • inputs: SliderThumbDto

        Slider, bentuk, warna dan lebar thumb, flag clamped dan flag tampilan

      Returns Slider

      Slider yang sama

      bitbybit.babylon.gui.slider.changeSliderThumb({ slider, isThumbCircle: true, thumbColor: "white", thumbWidth: "20px", isThumbClamped: true, displayThumb: true });
      
    • Menyetel warna garis di sekeliling track slider, sebagai warna CSS.

      Parameters

      Returns Slider

      Slider yang sama

    • Menyetel warna bagian track slider yang tidak terisi, sebagai warna CSS.

      Parameters

      Returns Slider

      Slider yang sama

    • Menyetel nilai terbesar yang dapat dicapai slider, nilai di ujung kanan atau atasnya.

      Parameters

      Returns Slider

      Slider yang sama

    • Menyetel nilai terkecil yang dapat dicapai slider, nilai di ujung kiri atau bawahnya.

      Parameters

      Returns Slider

      Slider yang sama

    • Menyetel kenaikan gerak slider, sehingga 1 hanya menghasilkan bilangan bulat dan 0 membiarkannya bergerak mulus.

      Parameters

      Returns Slider

      Slider yang sama

    • Memindahkan slider ke sebuah nilai, yang memicu event perubahan nilainya seperti seretan pengguna.

      Parameters

      Returns Slider

      Slider yang sama

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