Kuika’nın Language Selector elementi, kullanıcıların uygulama arayüzünde tercih ettikleri dili seçmelerini sağlar. Bu özellik, çok dilli uygulamalar oluşturmak ve kullanıcı deneyimini kişiselleştirmek için idealdir.
Language Selector elementi yalnızca web uygulamalarında kullanılabilir.
Kullanım Alanları
Çok dilli web uygulamalarında dil geçişi yapmak
Kullanıcı ayarlarında tercih edilen dili belirlemek
Giriş ekranında varsayılan dil seçimi sunmak
Yönetim panellerinde dil bazlı içerik göstermek
Kullanım Senaryosu – Uygulama Dili Seçimi
Bir web uygulamasında kullanıcı, arayüz dilini değiştirmek için Language Selector elementini kullanır.
Senaryoda:
Ekranda “Select Language” başlıklı bir açılır kutu bulunur.
Kullanıcı listeyi açtığında “German”, “Italian” ve “French” seçeneklerini görür.
“Italian” seçildiğinde uygulama otomatik olarak İtalyanca dil paketine geçer.
Seçilen dil, kullanıcı oturumu boyunca korunur ve sayfa yenilense bile aynı dilde kalır.
Veri Kaynağı Bağlama
Datasources modülüne gidin.
Tables > + Add Table adımıyla yeni tablo oluşturun. Tablo adı: Languages
Aşağıdaki tabloyu oluşturun:
Ardından SQL Actions sekmesine gidin, yeni bir aksiyon oluşturun: GetLanguages
SELECT Name, Code FROM Languages;
UI Design Modülü İşlemleri
UI Design modülüne gidin.
Dil seçiminin yapılacağı sayfayı açın (örnek: HomePage veya SettingsPage).
Sol kenardaki Elements > Select Input kategorisinden Language Selector elementini sürükleyip bırakın.
Uygulama ekranında sağ kenarda bulunan Add Action butonuna tıklayın.
Ardından Custom > Languages’ı seçin.
Elemente tıklayın.
Ardından sağ kenardaki +Add Validation sekmesinden aksiyonu ekleyin.
Senaryo Tamamlandığında
Kullanıcı “Select Language” kutusuna tıklar.
Açılan listeden “German”, “Italian” veya “French” seçeneklerinden birini seçer.
Uygulama arayüzü seçilen dile çevrilir.
Dil tercihi kullanıcı oturumu boyunca korunur.
Kısıtlamalar
Yalnızca web uygulamalarında kullanılabilir.
Dillerin çeviri dosyalarının (Language Files) önceden oluşturulmuş olması gerekir.
Aynı kod (ör. “fr”) birden fazla dile atanamaz.
İpuçları ve Best Practices
Dil kodlarını ISO standartlarına uygun biçimde (ör. en, de, fr) tanımlayın.
Uygulamanın üst kısmında veya profil menüsünde konumlandırarak kolay erişim sağlayın.
Seçilen dili Local Storage veya kullanıcı profilinde saklayın.
Uygulama ilk açıldığında varsayılan dili kullanıcı tarayıcı diline göre belirleyin.
