Toggle Visibility Of

Toggle Visibility Of

Kuika’nın Toggle Visibility Of aksiyonu, kullanıcı arayüzündeki bir öğenin görünürlüğünü dinamik olarak kontrol etmek için kullanılır. Bu aksiyon sayesinde, belirli bir bileşen görünür durumdaysa gizlenebilir, gizliyse gösterilebilir. Özellikle form alanları, açıklama kutuları veya bilgilendirici etiketlerin kullanıcıya göre gösterilip gizlenmesi için idealdir.

Teknik Özellikler

  • Dinamik Görünürlük Değişimi (UI Control Paneli):  Bu aksiyon, hedef elementin görünürlük durumunu tersine çevirir:
    • Mevcut durum Visible ise → Hidden olur.
    • Mevcut durum Hidden ise → Visible olur.
  • Kullanıcı Etkileşimiyle Yönetim: Kullanıcı seçimleri, buton tıklamaları veya sistem aksiyonları ile tetiklenebilir. Arayüz sadeleştirmeye ve bilgi yoğunluğunu azaltmaya katkı sağlar.
  • Web & Mobil Destek: Aksiyon, Kuika platformunda geliştirilen tüm web ve mobil uygulamalarda desteklenir.
Toggle Visibility Of Aksiyonu Uygulama Adımları

1. UI Design’da Aksiyonu Tanımlama

  • Kuika platformunda projenizi açın.
  • UI Design modülüne geçin ve görünürlüğü değiştirilecek bileşenin bulunduğu ekranı seçin.
  • Bir bilgi kutusu, açıklama metni veya form alanı ekleyin.
  • Örnek: “Detayları Göster” butonuna tıklandığında bir metin alanı görünsün, tekrar tıklandığında gizlensin.
  • Bu öğeyi kontrol edecek bir tetikleyici element ekleyin (örnek: buton, checkbox, ikon).
  • 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 Visibility Of aksiyonunu ekleyin.

2. Aksiyon Parametresini Yapılandırma

  • Component to Change: 
    • Zorunlu: Evet
    • Açıklama: Görünürlüğü tersine çevrilecek elementi seçin.
Kullanım Senaryosu: Detay Bilgiyi Göster/Gizle

Bir form ekranında, kullanıcı “Detayları Göster” kutusunu işaretlediğinde açıklayıcı bir metin görünmeli, kutu kaldırıldığında ise metin gizlenmelidir.

Uygulama Adımları:

  1. UI Design modülüne geçin.
  2. Bir Checkbox elementi ekleyin ve adını “ShowDetailsCheck” olarak belirleyin.
  3. Bir Label elementi ekleyin, açıklama içeriğini yazın.
  4. Checkbox elementine tıklayın, +ADD ACTION menüsünden aşağıdaki işlemi tanımlayın:
    • OnChange → UI Control → Change Visibility Of
  5. Aksiyon Parametreleri:
    • Component To Change: DetailsText
Toggle Visibility Of Aksiyonu İleri Seviye Özelleştirmeler
  • Koşullu Tetikleme ile Kontrol: Toggle işlemi, kullanıcı türüne veya belirli girişlere göre sınırlandırılabilir. Örnek: Yalnızca “Yönetici” rolü bu elementi görebilsin/gizleyebilsin. → Add Condition kullanılarak yapılandırılır.
  • Diğer Aksiyonlarla Kombinasyon: Set Value Of, Set Focus To, Navigate, Change Enabled Of gibi aksiyonlarla birlikte kullanılabilir. Örnek: Bir element görünür hale geldikten sonra içine değer atanabilir veya odaklanılabilir.
  • Farklı Cihazlara Özel Davranışlar: Mobil cihazda buton simge olabilir, web’de metin şeklinde olabilir. Toggle işlemi her iki uygulamada da aynı şekilde uygulanabilir.

Teknik Riskler 

  • Erişilemeyen Element: Gizli bir elementi toggle etmeye çalışırken kullanıcı hiçbir şey fark etmeyebilir. Bu durumda yönlendirme veya mesaj gösterimi gerekebilir.
  • UI Tutarlılığı: Arka arkaya hızlı tıklamalar görünürlük karışıklığına neden olabilir. Geçiş animasyonları ve buton durumları (ikon değişimi gibi) önerilir.

Toggle Visibility Of, Kuika uygulamalarında sade ve kullanıcıya göre şekillenen bir arayüz sunmak için kullanılan pratik bir aksiyondur. Kullanıcıya yalnızca ihtiyaç duyduğu bilgiyi göstermek, gereksiz içerikleri gizlemek ve akıllı etkileşimler kurmak için ideal çözümler sunar.

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar