Properties panelinde aşağıdaki ayarlar yapılabilir:
Stepper1: Step düzenlemelerinin yapıldığı alandır. Step Item’a tıklayarak Title alanında adımları isimlendirebilir, +Add Stepper Item ile yeni adımlar ekleyebilirsiniz.Step Direction: Adımların yatay (Horizontal) veya dikey (Vertical) şekilde görüntülenmesi bu alandan ayarlanabilir.Unfinished Step Color: Henüz tamamlanmamış adımların (step'lerin) rengini belirler.Finished Step Color: Tamamlanmış adımların rengini belirler. Genellikle kullanıcı adımı geçince uygulanır.Active Step Color: Kullanıcının şu an bulunduğu (aktif) adımın rengini tanımlar.Stepper Elementi Örnek Kullanımı Bu örnekte, bir butona tıklandığında adımların bir döngü içinde çalışması sağlanacaktır.
Adım 1: Stepper Elementini Ekleyin
Elements panelinden Stepper elementini sürükleyip bırakın.Adım 2: Butonu Ekleyin
Elements panelinden Button elementini sürükleyip bırakın.Adım 3: Stepper Adımlarını İsimlendirin
Stepper elementindeki adımları sırasıyla Step1 , Step2 , Step3 olarak adlandırın. Adım 4: Butonu İsimlendirin
Eklediğiniz butonu seçin. Properties panelinde Fixed Value alanına "Run" yazın.Adım 5: Aksiyonları Ekleyin
Butona tıkladığınızda açılan Properties panelinde +Add Action seçeneğine tıklayın. OnClick → UI Control → Set Value Of seçeneğini seçin.Açılan pencerede Select Box içinden Step1 seçin. Adım 6: Diğer Adımları Ekleyin
Aynı aksiyonu Step2 ve Step3 için de uygulayın. İşlemi hızlandırmak için üç nokta ikonuna tıklayarak aksiyonu kopyalayabilir ve yapıştırabilirsiniz. Adım 7: Adımların Döngüsel Olmasını Sağlayın
Tüm adımlar tamamlandıktan sonra tekrar Step1 ’e dönmesi için son aksiyonda Step1 ’i seçin. Adım 8: Uygulamayı Çalıştırın
Uygulamayı çalıştırın. Butona her tıklamada adımlar sırayla çalışacak ve döngü tamamlandığında tekrar Step1 ’e dönecektir. Bu kılavuzu takip ederek Stepper elementini uygulamanızda etkili bir şekilde kullanabilirsiniz.
