Herhangi bir ekrana arka plan eklemek için Ekran ayarları bölümündeki Fill alanını kullanın:

• Tek katmanlı arka plan: Renk, gradyan, görsel veya video.
• Çok katmanlı arka plan: Örneğin, renk tonu eklenmiş bir görsel.

Karanlık tema ekler ve yeniden kullanılabilir stil uygularsanız, açık tema ve karanlık tema için farklı arka planlar ayarlayabilirsiniz.

Görsel

.JPG, .PNG veya .WEBP formatında, 20 MB’a kadar bir dosya yükleyin. Görsel, tüm arka planı kaplayacak şekilde ölçeklenir.

Uygulamanızın kodundan arka plan görselini çalışma zamanında değiştirmek için özel medya kimliği etkinleştirin.

Video

.MP4 veya .WEBM formatında, en fazla 50 MB boyutunda bir dosya yükleyin. Önizleme sabit bir kare gösterir; ancak video, cihazda çalışma zamanında oynatılır.

Videoyu sürekli tekrarlamak için Loop seçeneğini etkinleştirin.

Arka plan videosunu çalışma zamanında değiştirmek için özel medya ID’si özelliğini etkinleştirin.

Düz renk

Altı haneli hex değeri girin (örn. #FFFFFF) ve opaklığı 0 ile 100% arasında ayarlayın. Kısa değer kullanmak yayımlamayı engeller.

Degrade

Çok duraklı doğrusal bir degrade oluşturun:

• Direction — gradyanı 0’dan 360°‘ye kadar döndürür.
• Stops — bir durağı yeniden konumlandırmak için çubuğun üzerinde sürükleyin. Durak eklemek için çubuğa ya da Stops’un yanındaki simgesine tıklayın. Durağın konumunu, altı haneli hex değerini veya opaklığını değiştirmek için ilgili satırı düzenleyin.
• Opacity — katmanın satırındaki kaydırıcı, tüm duraklara aynı anda ölçek uygular; böylece aralarındaki geçiş bozulmadan korunur.

Arka planı hero görsel olarak kullanma

Flow’larda hero görsel, bir ekran arka planı ve Sliding sheet kullanılarak oluşturulur. Sayfa, ekranın alt bölümünü kaplar ve kullanıcı kaydırdıkça arka planın üzerine doğru yükselir.

1. Ekranın Fill ayarını Image veya Video olarak belirleyin ve hero görseli yükleyin.

   

2. Add element panelini açın ve Layout > Sliding sheet seçeneğini seçin.

3. Sayfanın Start position değerini ayarlayın — sayfanın alttan itibaren ekranı ne kadar kapladığını belirler. Varsayılan %55’te arka plan, üstten %45’lik kısımda görünür.

   

4. İçeriğinizi sheet’in içine ekleyin.

5. Hero görselin üzerine bir başlık veya logo yerleştirmek için bu öğeleri sheet’in dışına ekleyin. Bunlar ekran arka planının üzerinde görüntülenir.

6. Gerekirse sheet’i yeniden boyutlandırmak için Start position değerini değiştirin. Bu öğe için mutlak bir yükseklik ayarlayamazsınız.

Arka planı renklendirme

Bir görselin veya videonun üzerine yerleştirilen metin, yalnızca arkadaki medyanın yeterince koyu olduğu yerlerde okunabilir. Bu yüzeyi düzeltmek için medyanın üzerine yarı saydam bir katman ekleyin:

1. Ekran ayarları bölümünde Fill katmanını görselinize veya videonuza ayarlayın.
2. İkinci bir katman eklemek için Fill yanındaki simgesine tıklayın. Yeni katman, Fill bölümünün üst kısmında görünür ve medyanın üzerini kaplar.
3. Katmanın renk örneğine tıklayın ve Gradient seçeneğini belirleyin. Yalnızca yazılarınızın bulunduğu kenarı karartmak için gradyanı o kenarda opak, diğer kenarda ise şeffaf olacak şekilde ayarlayın.
4. Renk yoğunluğunu ayarlamak için katmanın satırındaki kaydırıcıyı sürükleyin.

Katmanların sırasını değiştirmek için satırlarını sürükleyin. Bir katmanı kaldırmak için satırındaki simgesine tıklayın.

Karanlık modda farklı bir arka plan gösterme

Karanlık modda farklı bir arka plan göstermek için:

1. Flow’un karanlık teması yoksa ekleyin.
2. Arka plan katmanını renk stili olarak kaydedin.
3. Arka planda renk tonu varsa, renk tonu katmanını da renk stili olarak kaydedin.
4. Her stilin karanlık değerini değiştirin.