Hibrit Ekran Oluşturmak İçin Web Screens Ekleme

  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. 

  1. Ekran için bir isim (1) verin ve “CREATE” (2) butonuna tıklayın.  
  1. Açılan “Web Screen” ekranında “UI Design” modülünde sol kenardaki “Elements” panelinden “GaugeChart” elementini kullanabilirsiniz.
  1. “GaugeChart” elementini ekrana sürükleyip bırakın. 
  2. 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”).
  1. “navigate to new screen” butonuna sağ kenardaki “Properties” panelinden “+ADD ACTION” açılır menüsünden “Onclick>Navigation>Navigate” aksiyonunu ekleyin. 
  1. Hedef ekran olarak “To Screen” alanından oluşturduğunuz web ekranını seçin. (örneğin; KuikaWebScreen)
  1.  Sağ üst köşede bulunan “RUN” butonuna tıklayarak uygulamanızın ön izlemesini yapabilirsiniz. 
  1.  Ana ekranı görüntülediğinizde “navigate to new screen” adını verdiğiniz butona tıklayın.
  1.  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.