Kuika'nın Range Slider elementi, kullanıcıların belirli bir aralıkta değer seçmesine olanak tanır. Görsel bir arayüz sunarak kullanıcıların değerleri kolayca belirlemesini sağlar. Element, girilen değeri otomatik olarak biçimlendirir ve belirlenen sınırlar içinde kalmasına yardımcı olur. Bu eğitim içeriğinde, Range Slider elementini nasıl ekleyeceğinizi ve aralık değerlerini nasıl yapılandıracağınızı öğreneceksiniz.

Range Slider elementi yalnızca web uygulamalarında kullanılabilir.

Bu eğitim içeriği aşağıdaki başlıklardan oluşur:

Range Slider Elementi Ekleme
Range Slider Elementi Özellikleri
Element ayarları ve özelleştirme

Range Slider Elementi Ekleyin

Kuika platformuna giriş yapın.
Apps ekranından çalışacağınız projeyi açın.
UI Design modülüne gidin.

Sol kenardaki Elements panelinden Numeric Input kategorisini seçin.
Range Slider elementini çalışma alanına sürükleyip bırakın.

Boş bir alana sürüklerseniz, Range Slider elementi bir Row elementi ile birlikte eklenir.
Column içerisine sürüklerseniz yalnızca Range Slider elementi eklenir.

Range Slider Elementi Özellikleri

Properties panelinden aşağıdaki ayarları yapılandırabilirsiniz:

Start Value: Slider'ın varsayılan başlangıç değeridir.
End Value: Slider'ın varsayılan bitiş değeridir.
Min: Kullanıcının seçebileceği en düşük değerdir.
Max: Kullanıcının seçebileceği en yüksek değerdir.
Step: Slider hareket ettirildiğinde değerin ne kadar değişeceğini belirler (örn. 1 ayarlandığında, slider her hareket ettirildiğinde değer bir birim değişir).
Vertical: Slider'ın dikey (Vertical) veya yatay (Horizontal) olarak görüntülenmesini sağlar.
Slider Color: Slider'ın rengini ayarlayabilirsiniz.
Handle Color: Slider üzerindeki tutamaçın rengini belirler.
Rail Color: Slider'ın altında bulunan rayın rengini tanımlar.
Tooltip Visible: Slider sürüklendiğinde değerinin görünmesini sağlar.