Kullanım Senaryosu: Fiyat Hesaplama ile Otomatik Toplam Tutar Gösterimi

Bir e-ticaret uygulamasında, kullanıcı bir ürün sayfasında miktar ve birim fiyat bilgilerini girdiğinde, sistem otomatik olarak toplam fiyatı hesaplayarak kullanıcıya gösterir. Bu işlem, kullanıcı formu doldurduktan sonra bir butona tıklamasıyla veya alan değiştiğinde tetiklenen bir aksiyonla yapılabilir.

Toplam Fiyat Hesaplama Aksiyonu Ekleme Adımları

  1. UI Design modülüne girin ve sol kenardaki Elements panelinden bir Button elementini seçin.
  2. Toplam tutarı göstereceğiniz alanı (örneğin bir Label ya da başka bir Text Input) ekleyin.
  1. Hesaplamayı başlatacak elementi seçin ve Properties panelinden +ADD ACTION menüsünü açın.
  2. OnClick → Arithmetic → Multiply aksiyonunu seçin.

Multiply Aksiyonunu Yapılandırma

  • Value:  Symbol Picker > Components> Number Input 
  • Value2:  Symbol Picker > Components> Number Input 

Sonuç Kullanımı (Opsiyonel)

  • Multiply aksiyonunun hemen ardından bir Set Value aksiyonu ekleyerek hesaplanan toplam tutarı bir alana yazdırabilirsiniz.

    • Set Value → Target: totalPrice alanı
    • Value: Multiply aksiyonunun sonucu

Bu yapılandırmayla, kullanıcı ürün miktarını ve birim fiyatı girdikten sonra "Hesapla" butonuna tıkladığında ya da alanlar değiştiğinde toplam tutar otomatik olarak hesaplanır ve gösterilir. Böylece kullanıcı, yaptığı alışverişin maliyetini anında görebilir.