Bir flow, bir veya daha fazla ekrandan oluşur. Her ekran, kullanıcı yolculuğundaki tek bir adımı temsil eder — örneğin bir paywall, bir test sorusu veya ürün bilgisi içeren bir slayt.

Her ekrandaki öğeler bir katman hiyerarşisi içinde düzenlenir. Ekranlarınızı, katmanlarınızı ve öğelerinizi yönetmek için varsayılan Screens and Layers görünümünü açın. Bu görünüm, ekran sıranızı ve her ekranın katman yapısını gösterir.

Ekranları yönetme

Sol panelin üst bölümünde, flow içindeki tüm ekranlar listelenir. Her giriş bir numaralı etiket ve küçük resim önizlemesi gösterir.

• Ekran seçme: Bir ekran girişine tıklayarak onu etkin hale getirin. Görsel düzenleyici seçilen ekranı görüntüler ve aşağıdaki Layers bölümü o ekranın katman hiyerarşisini gösterecek şekilde güncellenir.
• Ekran ekleme: Flow’a yeni bir boş ekran eklemek için Screens bölümünün üstündeki düğmesine tıklayın.
• Ekranları yeniden sıralama: Ekran girişlerini sürükleyip bırakarak flow içindeki sıralarını değiştirin.

Ekran eylemleri

Bağlam menüsünü açmak için bir ekran girişindeki üç nokta simgesine tıklayın.

Eylem	Kısayol	Açıklama
Animasyonu Oynat		Bu ekranda yapılandırılmış animasyonları önizle
Kopyala	⌘C / Ctrl+C	Ekranı panoya kopyala
Buraya yapıştır	⌘V / Ctrl+V	Daha önce kopyalanmış bir ekranı yapıştır
Çoğalt	⌘D / Ctrl+D	Ekranın bir kopyasını oluştur ve flow’a ekle
Yeniden adlandır		Ekranın görünen adını değiştir
Sil	⌘⌫ / Ctrl+Del	Ekranı flow’dan kaldır

Ekranlar arasında gezinme

Listedeki ekran sırası, gezinmeyi kendi başına belirlemez. Ekranları birbirine bağlamak için element etkileşimlerini kullanın: bir düğmeyi, kullanıcıyı başka bir ekrana yönlendirecek şekilde yapılandırın.

Ekran ayarları

Aktif ekranın özelliklerini ve ayarlarını görüntülemek için ekran önizlemesindeki boş bir alana tıklayın. Sağ panel, ekran ayarları görünümüne geçecektir.

Sistem Arayüzü

Ekranın cihaz donanımıyla nasıl etkileşime girdiğini kontrol eder.

• Safe area, içeriğin çentik ve sistem çubuklarıyla çakışmaması için dolgu ekler.
• Status bar, sistem durum çubuğunu (saat, pil, sinyal simgeleri) gösterir veya gizler.

İlerleme göstergesine ekranı dahil etme

Flow’unuza bir İlerleme Göstergesi öğesi eklerseniz Adapty bunu her ekranda gösterir.

Belirli bir ekranı ilerleme göstergesinden kaldırmak için Include screen in progress indicator seçeneğinin işaretini kaldırın. Karşılama ekranlarını, son paywallı veya ilerleme olarak kaydedilmesini istemediğiniz herhangi bir adımı temizlemek için bunu kullanın.

Ekran düzeni

Layout bölümü, ekranın alt öğelerini nasıl dağıtacağını belirler. Bu özellikler her container öğesinde kullanılabilir.

• Free: Alt öğeler bağımsız olarak konumlandırılır.

• Vertical: Öğeler, flexbox sütunu gibi yukarıdan aşağıya doğru sıralanır.

• Horizontal: Öğeler, flexbox satırı gibi soldan sağa doğru sıralanır. Dikey ve yatay düzenler için boşluk ve hizalamayı da yapılandırabilirsiniz.

• Alignment: Öğenin çapraz eksen üzerindeki konumu.

• Gap: Bitişik öğeler arasındaki boşluk.

• Distribution: Alt öğeler arasındaki ve etrafındaki boşluğun dağılımı.

RTL düzeni

Sağdan sola okunan yazı sistemleri için düzeni yansıtmak üzere Mirror for RTL onay kutusunu etkinleştirin. Yatay kapsayıcılardaki öğelerin sırası ters çevrilir.

Ekran arka planı

Fill, ekran arka planını düz renk, degrade, görsel veya video olarak ayarlar. Arka plan, Safe area etkin olsa bile çentik ve sistem çubukları arkasındaki alanlar dahil tüm cihaz görünüm alanını kaplar.

Arka plan videosunu döngüye al

Arka plan videosunu sürekli döngüde oynatmak için Loop geçişini etkinleştirin.

Özel bir medya kimliği atayın

Herhangi bir görsel veya videoda olduğu gibi, ekran arka planına özel bir medya kimliği atayarak SDK’nızda referans olarak kullanabilirsiniz.

Ekran boşluğu

Ekranın her kenarı (üst, sağ, alt, sol) için dolgu miktarını ayarlar.

Kaydırma

Taşma davranışını kontrol eder. Ekran içeriği görüntü alanı yüksekliğini aştığında kaydırılabilir olması için Vertical scroll seçeneğini etkinleştirin.

Seçilebilir gruplar

Selectable groups bölümü, mevcut ekrandaki tüm seçilebilir grupları listeler; quizler, ürünler, sekmeler, deneme geçiş düğmeleri veya herhangi bir özel seçilebilir öğeden oluşabilir.

Bir grup girişine tıklayarak adını değiştirebilir, türünü güncelleyebilir, gösterdiği değişkenleri görebilir ya da grubu silebilirsiniz.

Katmanları yönetme

Bir ekrandaki her öğe bir katman olarak temsil edilir. Katmanlar bölümü, aktif ekrandaki öğelerin sırasını gösterir.

Ağaç yapısı, üst-alt katman ilişkilerini yansıtır. Herhangi bir üst katmanın yanındaki oka tıklayarak alt öğeleri genişletip daraltabilirsiniz.

Katmanları doğrudan oluşturamazsınız. Öğe ekle görünümünden eklediğiniz her öğe, ağaçta yeni bir katman olarak görünür.

• Katman seçme: Bir katmana tıklayarak seçin. Görsel düzenleyici, tuvaldeki ilgili öğeyi vurgular ve sağ panel, katmanın tasarım ile etkileşim özelliklerini gösterir.
• Katmanları yeniden sıralama: Üst kapsayıcı içindeki sırayı değiştirmek için katmanları ağaç yapısında sürükleyip bırakın. Ağaçtaki sıra, ekrandaki görsel sırayla eşleşir.
• Katmanı göster veya gizle: Bir katmanın üzerine gelerek sağ tarafındaki göz simgesini ortaya çıkarın. Katmanın görünürlüğünü değiştirmek için simgeye tıklayın. Gizlenen katmanlar ağaçta kalmaya devam eder ancak görsel düzenleyicide veya cihazda görünmez. Çalışma zamanında mantıkla görünürlüğü kontrol etmek için koşullu görünürlük özelliğini kullanın.
• Tüm katmanları daralt: Katmanlar bölümünün sağ üst köşesindeki daralt düğmesine tıklayarak tüm ağacı katlayın.

Katman eylemleri

Bağlam menüsünü açmak için üç nokta simgesine tıklayın.

Eylem	Kısayol	Açıklama
Copy	⌘C / Ctrl+C	Katmanı panoya kopyalar
Paste here	⌘V / Ctrl+V	Daha önce kopyalanmış bir katmanı alt öğe olarak yapıştırır
Duplicate	⌘D / Ctrl+D	Katmanın aynı kapsayıcıda bir kopyasını oluşturur
Rename		Katmanın görünen adını değiştirir. Varsayılan olarak katmanlar, içeriklerini veya bileşen türlerini ad olarak kullanır
Delete	⌘⌫ / Ctrl+Del	Katmanı ve tüm alt öğelerini kaldırır
Wrap		Katmanı yeni bir kapsayıcıya sarar: Wrap in Horizontal Container veya Wrap in Vertical Container
Unwrap / Ungroup		Sarmalayan kapsayıcıyı kaldırır ve alt öğelerini bir üst seviyeye taşır
Move up	↑	Katmanı, üst kapsayıcısında bir pozisyon yukarı taşır
Move down	↓	Katmanı, üst kapsayıcısında bir pozisyon aşağı taşır