1. UI Tasarımını Hazırlama

• Projenizi Kuika platformunda açın.
• UI Design bölümünden hamburger menü içeren bir ekran seçin veya oluşturun.
• Menu elementi ekleyin ve bir ad verin (örneğin: hamburgerMenu).
• Menü açma/kapama işlevini tetikleyecek bir Icon veya Button ekleyin. (Örneğin: ☰ simgesi)

• Bu elemente tıklayın ve +ADD ACTION menüsünden ihtiyacınıza uygun tetikleyici olayı (Initial Actions, OnClick vb.) belirleyerek UI Control > Toggle Hamburger Menu Collapse aksiyonunu ekleyin.

• Aksiyon parametresini ayarlayın:

• Parametre Adı: Component to Change
• Zorunlu: Evet
• Açıklama: Açılıp kapanması gereken hamburger menü elementidir.
• Örnek: hamburgerMenu

Symbol Picker aracılığıyla ilgili menü elementi kolayca seçilebilir.

Bu senaryoda iki farklı menü kontrolü bulunmaktadır:

1. Collapse Menü: Menü daraltıldığında ikonlar görünür, içerik alanı genişler. Menü geniş/küçük arasında geçiş yapılabilir.
2. Hamburger Collapse Menü: Menü tamamen kapatılır ve sadece sol üstte küçük bir ☰ (hamburger) ikon görünür. Bu ikonla menü tekrar açılabilir.

Senaryo: Hamburger Menü ile Menüyü Tamamen Aç/Kapat

Mobil kullanıcılar, ekranın sol üst köşesindeki ☰ ikonuna tıklayarak menüyü tamamen açmalı veya kapatabilmelidir.

Uygulama Adımları:

1. UI ekranına bir Icon elementi yerleştirin.
   
   • İkon: Hamburger (☰)
2. Icon’a şu aksiyonu tanımlayın:
   
   • OnClick → UI Control → Toggle Hamburger Collapse Menu
   • Component to Change: hamburgerMenu

Bu yapı sayesinde kullanıcılar, menüyü tamamen kapatarak daha geniş bir içerik alanı elde edebilir.

Ek Senaryo: Menü Boyutunu Daraltma (Collapse Menu)

Kullanıcılar, menü açıkken menüyü daraltmak (sadece ikonları göstermek) için ayrı bir buton kullanabilir.

Uygulama Adımları:

1. UI ekranına bir buton veya ikon elementi yerleştirin.
2. Bu elemente şu aksiyonu tanımlayın:
   
   • OnClick → UI Control → Toggle Collapse Menu
   • Component to Change: sidebarMenu

Bu sayede kullanıcılar menüyü tamamen kapatmak yerine sadece daraltarak alan kazanabilir.

• Koşullu Görünüm: Menü yalnızca belirli koşullarda veya roller altında açılabilir (örnek: sadece giriş yapmış kullanıcılar). Bunun için Add Condition kullanılabilir.
• Durum Göstergesi: Menü açıkken farklı, kapalıyken farklı ikonlar veya metinler göstererek kullanıcının menü durumunu anlaması kolaylaştırılabilir.

Teknik Uyarılar

• Başlangıç Durumunu Netleştirin: Menü ilk açıldığında açık mı, kapalı mı olacağı UI tasarımda belirlenmelidir. Gerekirse Change Visibility Of ile ilk görünüm sabitlenebilir.
• Responsive Uyum: Menü, mobilde hamburger olarak görünürken, masaüstünde sabit bir yan menü olarak yapılandırılabilir.

Toggle Hamburger Menu Collapse, sade, esnek ve kullanıcı odaklı bir arayüz sunmak isteyen tüm uygulamalar için vazgeçilmez bir aksiyondur. Hem mobil hem web platformlarında menü etkileşimini modernize eder, ekran alanını daha verimli hale getirir ve kullanıcıların gezinmesini kolaylaştırır.