- Kuika platformunda uygulamanızı açın.
- UI Design modülünde, Elements panelinden Image elementini ekrana sürükleyin.
- Elements panelinden bir Icon elementi sürükleyerek Image elementinin altına yerleştirin.
- Eklediğiniz Icon elementine tıklayın.
- Sağ kenardaki Properties panelinde ADD ACTION seçeneğine tıklayın.
- OnClick → Device → Photo From Gallery seçimini yapın.
- Tekrar ADD ACTION menüsüne dönün ve OnClick → UI Control → Set Value Of seçimini yapın.
- 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
- Image elementinin altına bir Icon elementi (örneğin, “X” ikonu) yerleştirin.
- Icon elementine tıklayın.
- Sağ kenardaki Properties panelinde ADD ACTION seçeneğine tıklayın.
- OnClick → UI Control → Set Value Of seçimini yapın.
- 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
- Image elementinin altına bir Icon elementi (örneğin, “kamera” ikonu) yerleştirin.
- Icon elementine tıklayın.
- Sağ kenardaki Properties panelinde ADD ACTION seçeneğine tıklayın.
- OnClick → Device → Photo Take seçimini yapın.
- Tekrar ADD ACTION menüsüne dönün ve OnClick → UI Control → Set Value Of seçimini yapın.
- 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.