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

  1. Butona tıkladığınızda açılan Properties panelinde +Add Action seçeneğine tıklayın.
  2. OnClick → UI Control → Set Value Of seçeneğini seçin.
  3. 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.