Etkileşimli flow elemanları, kullanıcı etkileşimlerine göre görünümlerini değiştirir: seçilen bir sınav seçeneği Seçili, odaklanan bir giriş alanı Aktif görünüm alır. Bazı durumlar koşula bağlıdır — örneğin bir düğmeyi devre dışı bırakabilirsiniz. Kullanıcılara uygulama kodu yazmadan görsel geri bildirim vermek için her durumu ayrı ayrı stilleyin.

Element türüne göre kullanılabilir durumlar

Element türü	Yerleşik durumlar	Eklenebilir durumlar
Seçilebilir elementler	Default, Selected	Disabled
Girişler	Default, Active, Invalid	Disabled
Tap etkileşimi olan herhangi bir element — butonlar, görseller, ikonlar, stack’ler vb.	Default	Disabled
İlerleme göstergesi adımları	Completed, Current, Upcoming	—
Eklenebilir durumlar varsayılan olarak görünmez — eklemek için States settings bölümünü açın. Bu durumlar koşula bağlı: ne zaman etkinleşeceklerini siz tanımlarsınız.

Bir durumu nasıl stillendirirsiniz

1. Bir öğe seçin. Sağ paneldeki States bölümü, öğenin desteklediği durumları listeler.

2. States bölümünde hedef durumu etkinleştirin. Gerekirse koşula bağlı Devre Dışı durumunu ekleyin.

3. Herhangi bir özelliği değiştirin — dolgu, kenarlık, tipografi, metin içeriği vb. Değişiklik yalnızca o duruma uygulanır. Yuvalanmış öğeler, üst öğeyle birlikte durumlu hale gelir. Bir alt öğede yapılan herhangi bir değişiklik — renkler, düzenler, metin içeriği — üst öğenin aktif durumuna göre kapsamlandırılır.

4. Builder, eşleşen stili çalışma zamanında uygular.

Seçilebilir öğe durumları

Seçilebilir öğeler — sınav seçenekleri, ürünler, sekmeler, deneme süresi geçiş düğmeleri ve herhangi bir özel seçilebilir öğe — kutudan çıkar çıkmaz iki duruma sahiptir:

• Varsayılan: Öğenin dinlenme görünümü.
• Seçili: Kullanıcı öğeye dokunduğunda uygulanır. Kullanıcı öğenin seçimini kaldırdığında Builder, Varsayılan duruma geri döner. Tek seçimli bir grupta, bir öğeyi seçmek diğerlerinin seçimini kaldırır. Çok seçimli gruplar aynı anda birden fazla öğenin Seçili olmasına izin verir. Toggle’lar birbirinden bağımsızdır — birini seçmek diğerlerini etkilemez. Bkz. grup türleri.

Giriş durumları

• Varsayılan: Giriş alanının normal görünümü.
• Aktif: Giriş alanı odaklanmışken uygulanır.
• Geçersiz: Giriş alanının içeriği doğrulamayı geçemediğinde uygulanır. Örneğin, bir e-posta alanında @ karakteri bulunmadığında. Bkz. Giriş doğrulama.
• Devre Dışı: Giriş alanı etkileşime kapalıdır. Bu durumu manuel olarak ekleyin; bkz. Koşula dayalı Devre Dışı durumu.

Her durumu, seçilebilir bir öğede olduğu gibi biçimlendirin: hedef durumu etkinleştirin, ardından özellikleri değiştirin.

Koşula Bağlı Devre Dışı Durumu

Devre Dışı durumu, kullanıcının bir öğeyle etkileşim kurmasını engeller. Default, Selected, Active veya Invalid durumlarının aksine, Devre Dışı durumu kendi kendine etkinleşmez; kullanıcı tarafından tanımlanan bir tetikleyici koşul gerektirir.

Devre Dışı durumu şu öğelerde kullanılabilir:

• Girişler: Herhangi bir giriş alanı — metin, e-posta, şifre, sayı, telefon, tarih ve/veya saat.
• Seçilebilir öğeler: Quiz seçenekleri, ürünler, sekmeler, deneme süresi geçişleri ve herhangi bir özel seçilebilir öğe.
• Dokunma etkileşimi olan herhangi bir öğe: Örneğin, bir gezinme eylemi tetikleyen bir düğme, resim veya simge.

Devre dışı durumu ekleme

Devre dışı durumu eklemek ve yapılandırmak için:

1. Hedef öğeyi seçin.
2. States bölümünde Settings seçeneğine tıklayın.
3. Add Disabled state seçeneğini belirleyin. Disabled state, States bölümünde görünür.
4. Yeni Disabled state’in yanındaki Edit conditional state seçeneğine tıklayın.
5. Bir koşul ekleyin. Girdi doğrulamayı geçmediği sürece submit düğmesini devre dışı bırakmak istiyorsanız, girdinin isValid değişkenini false ile karşılaştırın.
6. Kısıtlamayı görsel olarak iletmek için Disabled state’i stilize edin (örneğin, opaklığı düşürün).

Adapty SDK, koşulu çalışma zamanında değerlendirir ve gerektiğinde Disabled durumunu uygular — herhangi bir uygulama kodu gerekmez.

İlerleme göstergeleri için adım durumları

İlerleme göstergeleri, kullanıcıların onboarding flow’unda ne kadar ilerlediklerini gösterir. Her adımın üç durumu vardır:

• Tamamlandı: Kullanıcının geçtiği adımlar.
• Mevcut: Kullanıcının bulunduğu adım.
• Yaklaşan: Kullanıcının henüz ulaşmadığı adımlar.