Links

Liste

Kuika'da Dashboardekran şablonlarını öğrenin.
Kuika uygulama geliştirme sürecini hızlandırmak için çeşitli ekran şablonları türlerini sunmaktadır. Uygulama geliştirme sürecinde şablon ekranları uygulamanın ihtiyacına uygun olarak kullanabilirsin. Kullanabileceğin şablon ekran türlerinden biri de Liste ekranlarıdır.
Bu eğitim içeriği aşağıdaki başlıklardan oluşmaktadır:
  1. 1.
    Şablon Liste Ekranı Ekleme:
  2. 2.
    Şablon Liste Ekranları:

1. Şablon Liste Ekranı Ekleme:

Geliştirdiğin uygulamaya hızlıca şablon bir liste ekranı ekleyebilir, eklediğin şablon ekranlar üzerinde düzenleme ve güncelleme işlemlerini yapabilirsin.
Şablon bir liste ekranı eklemek için sol kenardan Screens panelini açın.
Screens paneli ekran görüntüsü
Screens paneli
Açılan Screens panelinde yer alan Yeni Ekran Ekleme ikonuna tıkla.
New Screen pop-up ekranı ekran görüntüsü
New Screen açılır penceresi
Açılan pop-up ekranda yer alan sol menüde List öğesine tıkla.
Şablon liste ekranı pop-up ekranı ekran görüntüsü
Şablon liste ekranı ekleme pop-up ekranı
Açılan ekranda yer alan liste ekranı şablonlarından birini uygulamanın ihtiyacına göre seçip, isimlendirerek CREATE butonuna tıkla.
Screen paneli ekranlar listesi ekran görüntüsü
Screen paneli ekranlar listesi
Oluşturulan ekran, Screen paneli altında listelenecektir.

2. Şablon Liste Ekranları:

Liste ekranları şablonları çeşitli tiplerde bulunmaktadır. Bu noktada geliştirmekte olduğun uygulamaya uygun liste ekranı tipini seçebilirsin.
Şablon liste ekranları varsayılan olarak header ve header elementleri ile birlikte gelmektedir. Header üzerinde güncelleme ve düzenlemeleri uygulaman özelinde yapabilirsin.
Uygulamanın ihtiyacına uygun olarak liste ekran şablonlarını ve tüm elementleri düzenleyebilirsin.
Kuika tarafından 4 adet şablon liste ekranı sunulmaktadır.
Bu liste ekranlarının ilki Two Columns başlıklı liste ekranıdır.
Two Columns liste ekranı şablonu ekran görüntüsü
Two Columns liste ekranı şablonu
Two Columns başlıklı liste ekranı, geliştirdiğin uygulamada yer alacak listelemenin iki sütun aracılığıyla gerçekleştirilmesini sağlamaktadır. Liste ekranının ilk sütunu ardışık liste öğelerine sahipken, ikinci sütun tek bir liste öğesine sahiptir.
İkinci liste ekranı Detailed başlıklı liste ekranıdır.
Detailed liste ekranı şablonu ekran görüntüsü
Detailed liste ekranı şablonu
Detailed başlıklı liste ekranı geliştirdiğin uygulamada yer alacak listelemenin detaylı bir şekilde gerçekleşmesini sağlamaktadır. Liste ekranı bir adet metin giriş kutusu aracılığıyla Search Bar’ a sahiptir. Ayrıca liste ekranında bulunan SelectBox aracılığıyla ilgili seçime göre listelemeyi, databinding uygulamalarıyla gerçekleştirebilirsin.
Üçüncü liste ekranı Detailed with Search başlıklı liste ekranıdır.
Detailed with Search liste ekranı şablonu ekran görüntüsü
Detailed with Search liste ekranı şablonu
Detailed with Search başlıklı liste ekranı geliştirdiğin uygulamada yer alacak listelemenin detaylı bir şekilde gerçekleşmesini sağlamaktadır. Liste ekranında bulunan SelectBox aracılığıyla ilgili seçime göre listelemeyi, databinding uygulamalarıyla gerçekleştirebilirsin.
Dördüncü liste ekranı Detailed with Location Search başlıklı liste ekranıdır.
Detailed with Location Search liste ekranı şablonu ekran görüntüsü
Detailed with Location Search liste ekranı şablonu
Detailed with Location Search başlıklı liste ekranı geliştirdiğin uygulamada yer alacak konum bilgileri ve konum arama aracılığıyla listelemenin detaylı bir şekilde gerçekleşmesini sağlamaktadır.
Last modified 1mo ago