Kuika'nın Menu elementi, uygulamalarda kullanıcıların farklı sayfalara veya işlevlere kolayca erişebilmesi için navigasyon menüsü oluşturur. Menü, kullanıcıların farklı ekranlara geçişini sağlar ve çok seviyeli menüler oluşturmanıza imkan tanır. Bu eğitim içeriğinde, Menu elementini nasıl ekleyeceğinizi, yapılandıracağınızı ve çoklu dil desteği ekleyeceğinizi öğreneceksiniz.
Menu elementi hem web hem de mobil uygulamalarda kullanılabilir.
Bu eğitim içeriği aşağıdaki başlıklardan oluşur:
Menu Elementi Ekleme
Menu Elementi Özellikleri
Çoklu Dil Desteği Sağlama
Element ayarları ve özelleştirme
Menu Elementini Ekleyin
Kuika platformuna giriş yapın.
Apps ekranından projenizi açın.
UI Design modülüne gidin.
Sol kenardaki Screens panelinde Master Screens yanındaki “+” simgesine tıklayarak bir Master Screen oluşturun.
Sol kenardaki Elements panelinden Navigation kategorisini seçin.
Menu elementini çalışma alanına sürükleyip bırakın. Menü elementini sol, üst veya sağ kenar alanlarına yerleştirebilirsiniz.
Properties panelinden Direction parametresini kullanarak menünün yönünü yatay (Horizontal) veya dikey (Vertical) olarak ayarlayın.
Left Menu: Menü, sol kenarda dikey olarak görüntülenir.
Header veya Footer: Menü, yatay şekilde görüntülenir.
Menu Elementi Özellikleri
Properties panelinden aşağıdaki ayarları yapılandırabilirsiniz:
Select a Data Type: Menü verilerini Statik (Static) veya Dinamik (Dynamic) olarak yapılandırabilirsiniz.
Static: Menü öğelerini manuel olarak ekleyebilirsiniz. + Sub Menu ile alt menüler, + Menu Item ile tek seviyeli menü öğeleri ekleyebilirsiniz.
Dynamic: Menü öğeleri bir veri kaynağından alınır. Options alanından veri kaynağına ait özel aksiyonu seçebilirsiniz.
Direction: Menü öğelerinin yatay (Horizontal) veya dikey (Vertical) görüntülenmesini sağlar.
Theme: Menü temasını Light veya Dark olarak seçebilirsiniz.
Languages başlığı yanındaki “+” simgesine tıklayın.
Açılan New Language penceresinde eklemek istediğiniz dili seçin ve isimlendirin.
CREATE butonuna tıklayarak işlemi tamamlayın.
Menu elementindeki metinler, eklediğiniz her dilde otomatik olarak çeviri penceresine eklenir. Çevirileri ekleyerek uygulamanızın çok dilli desteğini etkinleştirebilirsiniz.
Bu kılavuzu takip ederek Menu elementini uygulamanızda etkili bir şekilde kullanabilirsiniz.
Element Ayarları ve Özelleştirme
Authorization (Yetkilendirme)
Anonymous Access: Kullanıcıların hesap bilgisi girmeden erişmesini sağlar.
All Roles Access: Kullanıcıların hesap bilgileri doğrulanarak erişim sağlanır.
Element düzeyinde yetkilendirme için Properties panelinden Authorization ayarlarını düzenleyin.
Visibility (Görünürlük)
Always Visible: Element her zaman görünür.
Hidden: Element gizlenir.
Sometimes Visible: Element, belirli bir koşula bağlı olarak görünür.
Ayarı yapılandırmak için:
Ekrandaki elementi seçin.
Sağ kenardaki Properties panelini açın.
Visibility alanında ihtiyacınıza göre bir seçenek belirleyin.
Editability (Düzenlenebilirlik)
Enabled: Element düzenlenebilir.
Disabled: Element düzenlenemez.
Sometimes Enabled: Element, belirli koşullara göre düzenlenebilir veya düzenlenemez.
Style Panel ile Arayüz Tasarımı
Elementlerinizi Styling Panel ile özelleştirerek, web ve mobil uygulamalarınız için etkileyici arayüzler oluşturabilirsiniz. Bu bölümde, aşağıdaki ayarları yapılandırabilirsiniz:
Layout (Düzen): Boyutlandırma, hizalama ve iç boşluk (padding) ayarları. Ayarlar arasında Size, Min Size ve Align bulunur.
Text (Metin): Yazı tipi, stil, renk, boyut ve aralık ayarları.
Fill (Dolgu): Arka planı renk veya görsellerle özelleştirme.
Border (Kenarlık): Kenarlık ekleme ve köşe yarıçapı ayarları.
Shadow (Gölge): Elementlere derinlik katmak için gölge efekti ekleme.
Bu adımları takip ederek, Area Chart elementini ihtiyaçlarınıza uygun şekilde yapılandırabilirsiniz.
Actions (Aksiyonlar)
Kuika, aşağıdaki sistem aksiyonlarını destekler:
Arithmetic, Authorization, Condition, Device, Export, Geolocation, Invers, Local Storage, Multi Language, Navigation, Notification, Payment, UI Control, Process Administration, Process Automation, Trigger, Process Automation, Process Administration ve String Operations.
Kendi oluşturduğunuz SQL aksiyonlarını da kullanabilirsiniz.
Aksiyon eklemek için Properties panelinden +ADD ACTION butonunu kullanabilirsiniz.
Actions desteği bazı elementlerde geçerli olmayabilir.
