Toggle Hamburger Menu Collapse, Kuika platformunda hamburger menü bileşeninin açılıp kapanmasını (expand/collapse) kontrol etmek için kullanılan bir UI Control aksiyonudur. Bu aksiyon, mobil ya da dar ekranlı cihazlarda kullanılan hamburger menü yapılarında gezinmeyi sadeleştirmek ve kullanıcı etkileşimini optimize etmek amacıyla geliştirilmiştir.

Teknik Özellikler

Dinamik Menü Kontrolü: Mevcut durumuna göre hamburger menüyü açar veya kapatır:
- Menü açık (expanded) ise → kapanır (collapsed)
- Menü kapalı (collapsed) ise → açılır (expanded)
Kullanıcı Tetiklemesiyle Çalışır: Genellikle bir hamburger ikonuna tıklanmasıyla tetiklenir. Ancak başka bir buton, ikon veya sistem olayı tarafından da yönetilebilir.
Web ve Mobil Uyumluluk: Kuika ile geliştirilen tüm mobil ve web uygulamalarında kullanılabilir. Özellikle responsive tasarımlarda hamburger menü yönetimi için idealdir.

Toggle Hamburger Menu Collapse Aksiyonu Uygulama Adımları

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.

Kullanım Senaryosu: Mobil Uyumlu Hamburger Menü

Senaryo: Mobil kullanıcılar, ekranın sol üst köşesindeki ☰ ikonuna tıklayarak menüyü açabilmeli ve aynı ikonla menüyü tekrar kapatabilmelidir.

Uygulama Adımları:

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

Bu yapı sayesinde kullanıcı, menüyü kolayca açıp kapatabilir ve uygulama alanını daha verimli kullanabilir.

Toggle Hamburger Menu Collapse Aksiyonu İleri Seviye Özelleştirmeler

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.