Toggle Menu Collapse

1. UI Design’da Aksiyonu Tanımlama

• Kuika platformunda projenizi açın.
• UI Design modülüne geçin ve aksiyonu tanımlayacağınız ekranı seçin.
• Menü elementinin bulunduğu UI alanını belirleyin (örneğin: sol navigasyon menüsü).
• Menüyü kontrol edecek bir tetikleyici (örneğin bir ikon, buton veya başlık) oluşturun.

• +ADD ACTION menüsünden şu yolu izleyin: 
  
  • İhtiyacınıza uygun tetikleyici olayı (Initial Actions, OnClick vb.) belirleyerek UI Control > Toggle Menu Collapse aksiyonunu ekleyin.

2. Aksiyon Parametresini Yapılandırma

• Component to Change
  
  • Tip: Menü elementi
  • Zorunlu: Evet
  • Açıklama: Açılıp kapanacak olan menü bileşeni seçilir.
  • Örnek: SideMenu, MobileNav, CategoryList

Bu alan Symbol Picker aracılığıyla kolayca seçilebilir. Uygulama içinde daha önce tanımlanmış tüm menü bileşenleri listelenir. 

Bir mobil uygulamada, kullanıcı sol üst köşedeki menü ikonuna tıkladığında sol menünün açılması ve tekrar tıkladığında kapanması isteniyor.

Uygulama Adımları:

1. UI Design modülünde bir Menu elementi ekleyin.
2. Bir Button veya Icon elementi ekleyin (örneğin üç çizgili menü ikonu).
3. Bu elementi seçin ve +ADD ACTION menüsünden şu aksiyonu ekleyin:
   
   • OnClick → UI Control → Toggle Menu Collapse
4. Aksiyon Parametresi:
   
   • Component to Change: MobileNav

Bu sayede kullanıcı ikon tıklamalarıyla menüyü açıp kapatabilir.

• Menü Açık/Kapalı Durumu Koşullu Yönetim: Menü durumu başka aksiyonlarla birlikte kontrol edilebilir. Örneğin:
  
  • Menü açıldığında bazı içerikleri gizlemek.
• Farklı Menülerde Paralel Uygulama: Aynı ekranda birden fazla menü varsa (örneğin üst menü ve yan menü), farklı butonlarla her biri bağımsız olarak kontrol edilebilir.
• Diğer Aksiyonlarla Birlikte Kullanım: Change Visibility Of, Set Value Of, Navigate, Set Focus To gibi aksiyonlarla entegre edilerek kullanıcı akışı daha etkili hale getirilebilir.

Teknik Riskler

• Yanlış Bileşen Seçimi: Menü olarak tanımlanmamış bir element seçilirse aksiyon etkisiz kalır.
• Zamanlama Çakışmaları: Menü açılma/kapanma sırasında başka aksiyonlar tetiklenirse animasyon çakışmaları yaşanabilir.
• Mobil Uyum: Menü açıldığında ekranı kaplaması veya içerik kaydırması gibi tasarım detayları dikkatle ele alınmalıdır.

Toggle Menu Collapse, Kuika platformunda sade ve sezgisel arayüzler tasarlamak için kullanılan güçlü bir aksiyondur. Navigasyonu kolaylaştırırken, kullanıcı odaklı bir deneyim sunar. Mobil uyumluluğu ve diğer UI aksiyonlarıyla entegrasyonu sayesinde modern ve dinamik uygulamalar için vazgeçilmezdir.