Ekran geçişleri
Ekranlar arasındaki geçişleri — bir ekranın nasıl kaybolduğunu ve yeni ekranın nasıl göründüğünü — canlandırabilirsiniz. Kullanılabilir animasyonlar, gerçekleştirilen navigasyon eylemine göre değişir:
- Navigate to Screen: Aksiyon ayarlarını açın ve tam animasyon türleri yelpazesinden seçim yapın. Farklı adımlar farklı geçişler kullanabilir.
- Navigate Next: Yalnızca varsayılan push animasyonu.
- Navigate back: Mevcut ekrana gelirken kullanılan geçiş animasyonunu tersine çevirerek ve gecikme olmaksızın oynatır. Gelişte animasyon yoksa, dönüşte de animasyon olmaz.
- Close Flow: Kendine ait bir animasyonu yoktur. Flow ile yerel kullanıcı arayüzünüz arasındaki geçişten uygulamanız sorumludur.
Animasyon türleri
Navigate to Screen eyleminin Animation açılır menüsünde beş seçenek bulunur:
- Push: Yeni ekran bir kenardan girer ve mevcut ekranı diğer tarafa doğru iter.
- Slide in: Yeni ekran, aynı yönde kısa bir mesafe hareket eden mevcut ekranın üzerine kayarak ve soluklaşarak girer.
- Slide out: Mevcut ekran kayarak ve soluklaşarak uzaklaşır; altındaki yeni ekranı ortaya çıkarır.
- Fade through: Yeni ekran, mevcut ekranın üzerine soluklaşarak belirerek girer.
- None: Yeni ekran, mevcut ekranın yerini anında alır.
Geçişi özelleştirme
Animasyonu yalnızca bir Navigate to Screen eyleminde değiştirebilirsiniz.
- Navigasyon işlemini tetikleyen öğeyi seçin.
- Interactions panelinde navigasyon işlemine tıklayın.
- İşlem Navigate Next ise, Action açılır menüsünden Navigate to Screen seçeneğini belirleyin. Ardından Destination olarak bir sonraki ekranı seçin.
- Animation açılır menüsünden bir animasyon seçin.
- Animasyonun Direction, Easing veya Duration ayarları varsa bunları düzenleyin.
- Animasyon başlamadan önce mevcut ekranı görünür tutmak için Delay alanına bir değer girin. Örneğin, bir yükleme ekranını birkaç saniyeliğine göstermek için gecikme kullanabilirsiniz. Navigasyondan sonra sıralanan işlemler gecikmeyi beklemez.
- Geçişi kendi ekranlarınızda görmek için flow’u bir cihazda test edin.