Mobil Uygulamalara Hibrit Web Ekranlar Ekleme

1. Kuika platformuna giriş yaptıktan sonra “Apps” ekranında yeni bir mobil uygulama oluşturmak için “New App” butonuna tıklayın. 

2. Uygulama için bir isim (1) girin.
3. “Mobile compatible app” (2) seçeneğini işaretleyin ve sağ alt köşedeki “CREATE” (3) butonuna tıklayın. 

4. Örneğin, açılan “UI Design” modülünde “Elements”panelinden “GaugeChart” elementini aradığınızda, bu elementin yalnızca web uygulamalarında kullanılabildiğini göreceksiniz. “GaugeChart” elementini kullanabilmek için hibrit ekran oluşturmanız gerekecektir.

1. “UI Design” modülünün sol kenarındaki “Screens” (1) panelini açın.
2. “WEB SCREENS” (2) bölümünün yanında bulunan “+” ikonuna tıklayın. 
3. “New Screen” (3) seçeneğini belirleyin. 

4. Ekran için bir isim (1) verin ve “CREATE” (2) butonuna tıklayın.  

5. Açılan “Web Screen” ekranında “UI Design” modülünde sol kenardaki “Elements” panelinden “GaugeChart” elementini kullanabilirsiniz.

6. “GaugeChart” elementini ekrana sürükleyip bırakın. 
7. Ardından uygulamanızın ana sayfasına gidin ve  sol kenardaki “Elements” panelinden bir “Button” elementi sürükleyip bırakın. Butona isim verin (örneğin; “navigate to new screen”).

8. “navigate to new screen” butonuna sağ kenardaki “Properties” panelinden “+ADD ACTION” açılır menüsünden “Onclick>Navigation>Navigate” aksiyonunu ekleyin. 

9. Hedef ekran olarak “To Screen” alanından oluşturduğunuz web ekranını seçin. (örneğin; KuikaWebScreen)

10.  Sağ üst köşede bulunan “RUN” butonuna tıklayarak uygulamanızın ön izlemesini yapabilirsiniz. 

11.  Ana ekranı görüntülediğinizde “navigate to new screen” adını verdiğiniz butona tıklayın.

12.  Butona tıkladıktan sonra, yeni ekrana geçerek “GaugeChart” elementini görüntüleyebilirsiniz. 

Not: Web ve mobil uygulama geliştirme sürecinde proje tipine bağlı olarak element ve aksiyon farklılıklarını öğrenmek için Web ve Mobil Uygulama Farklarını Öğrenin içeriğimize göz atabilirsiniz.