Ekranlarla Çalışma
Aynı uygulama içinde birçok ekran ekleyebilir, düzenleyebilir veya silebilirsiniz. Eklediğiniz/açık olan ekranı web, tablet ve mobil cihaz boyutlarına göre görüntüleyebilirsiniz.
Ekranlar panelinde uygulama oluşturulduğunda ön tanımlı/default olarak;
  • Sign in
  • Sign up
  • Forgot Password
  • Reset Password
  • Opening Page ekranları ile gelir.
Bu ekranlar uygulamaya girecek kullanıcı kayıt/giriş ekranları ile kullanıcı giriş yaptıktan sonra açılacak olan açılış ekranı bulunur.
Ön tanımlı / default gelen ekranları dilediğiniz zaman değiştirebilirsiniz. Ancak sign in, sign up veya opening page gibi ekran tiplerine yine de ihtiyacınız olacaktır. Ön tanımlı ekranlar yerine kullanacağınız diğer ekranlar için ekran rolü seçmelisiniz.
Seçili/açık ekran üzerinde;
  • Adını düzenleme
  • Silme / Çoğaltma
  • Properties ile özelliklerini düzenleme ve aksiyonlar ekleme
  • Styling ile görsel düzenleme işlemlerini yapabilirsiniz.
Sol kenardaki Screens paneli üzerinden + New Screen butonuna tıklayın.
Screen Name satırına oluşturmak istediğiniz ekran adını yazın. Bir şablon kullanarak ekran oluşturmak istiyorsanız Alt bölümdeki kategoriler altında dilediğiniz şablonu seçin. Create butonu ile yeni ekranı oluşturun. Yeni ekran Screens paneline listeye eklenir ve açılır.
Tasarım tipi veya veriye bağlı olarak oluşturabileceğiniz ekranlar için şablonları kullanabilirsiniz.
Properties paneli üzerinden detay menüsü ile;
  • Adını düzenleyebilir
  • Ekranı çoğaltabilir
  • Veya silebilirsiniz.

Ekran Rolü Tanımlama

Sign in, sign up ve açılış ekranı gibi farklı tiplerde ekran rolleri bulunmaktadır. Bu roller ile temel kullanıcı giriş sürecine ait ekranların akışlarını çok kolay bir şekilde tanımlamış olursunuz.
Ön tanımlı ekranlar haricinde farklı ekranları da kullanmak istiyorsanız ilgili ekrana uygun rolü seçmeniz yeterli olacaktır.

Initial Actions

Ekranın açılışı ile çağrılmasını istediğiniz verilere için aksiyonlar ekleyebilirsiniz. Ekran içinde bulunan bir listede gösterilecek veriler, açılış ile gelen bildirimler ve benzeri birçok aksiyon eklenebilir.
Initial Actions ile eklediğiniz aksiyonları ayrıca ekrana sürükle bırak ile tablo, grid gibi bileşenlerinde içeriğindeki veri ile eklenmesini sağlayabilirsiniz.

Ekran Stilini Düzenleme

Çalıştığınız ekran seçili iken Styling paneli ile arkaplanı görselleştirebilirsiniz. Yeni oluşturulan ve üzerinde değişiklik yapmadığınız tüm ekranların arkaplan renkler beyazdır.
Ekranı seçin ve Styling panelini açın. Background başlığı ile Renk, Opaklık ve Görsel ekleyebilirsiniz.
  • Arkaplana eklemek istediğiniz Color/Rengin öncelikle Palette paneline eklendiğinden emin olun.
  • Opacity/Opaklık değerini ayarlarken 1 değer %100 olarak seçili rengin görüntüleneceğini 0.10 ise %10 kadarlık bir opaklık ile görüntüleneceğini ayarlayabilirsiniz.
  • Arkaplana bir görsel eklemek istiyorsanız bu görselin öncelikli olarak sol kenardaki Image ekranı ile ekleyin ve ardından Styling panelinden kütüphaneye eklenmiş görseli Image/Görüntü satırı ile seçin. Arkaplana görsel eklediğinizde ise Fit, Position ve Repeat seçenekleri açılır.
    • Fit ile Contain (genişliğe göre ekle) ve Cover genişlik/yükseliğe göre kapla seçeneklerini kullanabilirsiniz.
    • Position ile görselin merkez, üst, sağ, alt veya sol kenarına göre hizalanmasını sağlayabilirsiniz.
    • Repeat ile de görselin boyutuna bağlı olarak arkaplanda yan yana ve alt lata gelecek şekilde çoğaltılarak bir desen halinde gösterilmesini sağlayabilirsiniz. Ekran genişliğine göre (hem tasarım esnasında hem de uygulama deploy edildiğinde) buradaki yan yana/alt alta dizilim sayısı değişecektir.
Last modified 8mo ago