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.

Primary Color: Seçili menü öğesinin rengini belirleyebilirsiniz.

Collapsed: Menü, daraltılmış bir şekilde görüntülenir. Menü ikon tanımlanmadığında, öğelerin ilk harfi görünür.
Selected Key: Kullanıcının menüde hangi ekranı seçtiğini belirtir.

Collapsible: Menüye genişletme/daraltma butonu ekler.

Collapsed Button Color: Genişletme/daraltma butonunun rengini belirler.

Menu Elementinde Çoklu Dil Desteği

Menü eklediğiniz uygulamayı açın.

Sol paneldeki Languages paneline gidin.

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

İlişkili diğer içerikler

Language (Dil)

Sözlük

No items found.

Alt Başlıklar

Aksiyonlar

No items found.

Menu

Menu elementi hem web hem de mobil uygulamalarda kullanılabilir.

İlişkili diğer içerikler

Sözlük

Alt Başlıklar

İçerikler

Kurslar

Sertifikalar

Kaynaklar

Kullanıcı Kılavuzu

İçerikler

Kurslar

Kullanıcı Kılavuzu

Sertifikalar

Kaynaklar