Image Elementi İle Veri Kaynağına Görsel Ekleme

  1. Kuika platformunda uygulamanızı açın.
  1. UI Design modülünde, Elements panelinden Image elementini ekrana sürükleyin.
  2. Elements panelinden bir Icon elementi sürükleyerek Image elementinin altına yerleştirin.
  3. Eklediğiniz Icon elementine tıklayın.
  4. Sağ kenardaki Properties panelinde ADD ACTION seçeneğine tıklayın.
  5. OnClick → Device → Photo From Gallery seçimini yapın.
  6. Tekrar ADD ACTION menüsüne dönün ve OnClick → UI Control → Set Value Of seçimini yapın.
  7. Açılan menüde:
    • Component To Change: Görselin yükleneceği Image elementini seçin.
    • Value: Symbol Picker aracılığıyla Action Results → Photo From Gallery seçimini yapın.

Artık uygulamayı çalıştırdığınızda, ilgili ikona tıklayarak cihazınızdaki bir görseli yükleyebilirsiniz.

Veri Kaynağına Eklenen Görseli Kaldırma

  1. Image elementinin altına bir Icon elementi (örneğin, “X” ikonu) yerleştirin.
  2. Icon elementine tıklayın.
  3. Sağ kenardaki Properties panelinde ADD ACTION seçeneğine tıklayın.
  4. OnClick → UI Control → Set Value Of seçimini yapın.
  5. Açılan menüde:
    • Component To Change: Görselin silineceği Image elementini seçin.
    • Value: Symbol Picker aracılığıyla Default → Empty seçimini yapın.

Bu işlemler tamamlandıktan sonra, kullanıcı “X” ikonuna tıkladığında görsel kaldırılacaktır.

Anlık Fotoğraf Yükleme

  1. Image elementinin altına bir Icon elementi (örneğin, “kamera” ikonu) yerleştirin.
  2. Icon elementine tıklayın.
  3. Sağ kenardaki Properties panelinde ADD ACTION seçeneğine tıklayın.
  4. OnClick → Device → Photo Take seçimini yapın.
  5. Tekrar ADD ACTION menüsüne dönün ve OnClick → UI Control → Set Value Of seçimini yapın.
  6. Açılan menüde:
    • Component To Change: Görselin yükleneceği Image elementini seçin.
    • Value: Symbol Picker aracılığıyla Action Results → Photo Take seçimini yapın.

Bu işlemler tamamlandıktan sonra, kamera ikonuna tıkladığınızda cihazınızın kamerası açılacak ve anlık fotoğraflar çekerek uygulamanıza yükleyebileceksiniz.

Önemli Notlar 

  • Image elementi, büyük veri kümelerinde bile hızlı yüklenir ve kullanıcı deneyimini olumsuz etkilemeden yüksek performans sağlar.
  • Base64 formatında tutulan fotoğraflar, ağ üzerinde yavaşlık yaratmaması için tablonun ID’si aracılığıyla görüntülenir.
  • Styling > Layout ayarlarını kullanarak görsellerin boyutunu, hizalanmasını ve diğer stil özelliklerini özelleştirebilirsiniz.