Resimler, videolar ve simgeler

Üzerinde bir resim öğesi bulunan flow ekranı

Flow & Paywall Builder, Media kategorisi altında üç medya öğesi türü içerir: Image, Video ve Icon.

Tip

Bir görsel veya videonun; çentik ve ana ekran göstergesi arkasındaki alanlar dahil tüm ekranı kaplamasını sağlamak için öğeyi sabit olarak konumlandırın, tüm ofset değerlerini 0 yapın ve Ignore safe area seçeneğini işaretleyin. Bkz. Düzen ve konumlandırma.

Resim

.JPG, .PNG veya .WEBP formatında, 20 MB’a kadar dosya yükleyin.

Hareketli GIF ve WEBP dosyaları desteklenmez. Hareket eklemek için Video öğesini kullanın.

  • Aspect — görselin kapsayıcıya nasıl sığacağını belirler:
    • Fit — görseli kırpmadan kapsayıcıya sığacak şekilde ölçekler.
    • Fill — görseli kapsayıcıyı dolduracak şekilde uzatır.
    • Cover — görseli kapsayıcıyı kaplayacak şekilde ölçekler, gerekirse kırpar. Varsayılan.
  • Use custom media ID — aşağıdaki Özel medya kimliği bölümüne bakın.

Video

Maksimum 50 MB boyutunda ve 30 saniyeyi aşmayan bir .MP4 veya .WEBM dosyası yükleyin. Minimum video çözünürlüğü 640x640 pikseldir.

  • Aspect — Fit, Fill veya Cover. Varsayılan değer Fill’dir.
  • Loop — videoyu sürekli tekrarlar. Varsayılan olarak açıktır.
  • Use custom media ID — aşağıdaki Custom media ID bölümüne bakın.

Videolar editör önizlemesinde oynatılmaz; canvas yalnızca sabit bir kare gösterir. Cihazda çalışma zamanında video varsayılan olarak sessiz oynatılır. Loop açıkken süresiz olarak tekrar eder.

Video bittiğinde bir eylem tetikleme

Video öğesi, video sona erdiğinde tetiklenen bir On playback finished tetikleyicisini destekler. Başka bir ekrana geçmek, bir CTA göstermek veya başka herhangi bir eylem çalıştırmak için bunu Interactions panelinde ayarlayın.

İkon

Tabler Icons kütüphanesiyle ikon seçici

Binlerce ikonu iki görsel stilde sunan yerleşik Tabler Icons kütüphanesinden seçin:

  • Stroke — yalnızca dış hat.
  • Filled — düz dolgu.

Bir ikon bulmak için seçicide anahtar kelimeyle arama yapın. İkonun rengini Color seçicisinde ayarlayın — kayıtlı bir renk stili seçin ya da özel bir renk belirleyin.

Medyayı yerelleştir

Resim ve Video öğeleri, her yerel ayar için farklı bir dosya içerebilir. Hedef yerel ayarı etkinleştirin, öğeyi seçin ve özellik panelinde yerelleştirilmiş dosyayı yükleyin. Kendi dosyası olmayan yerel ayarlar, varsayılan yerel ayarın dosyasını gösterir.

Sınırlamalar

Aşağıdakileri yerelleştiremezsiniz:

  • İkonlar
  • Bir ekranın veya konteynerin Fill ayarı — bu, ekran arka planlarını ve bir konteynerin kendi arka plan resmi ya da videosunu kapsar; Fill bölümünden ayarlanır. Bir resim veya videoyu farklı diller için değiştirmek istiyorsanız, bunu bağımsız bir Image veya Video öğesi olarak ekleyin — bu öğeler, Medyayı yerelleştirme bölümünde açıklandığı gibi, dile özgü dosyaları destekler.
  • Özel medya ID’leri

Özel medya ID’si

Important

Ayrıca bir resim ve video arka planı için özel bir medya ID’si de ayarlayabilirsiniz.

Çalışma zamanında uygulama kodunuzdan takas edebilmek için bir resim veya video öğesini özel bir medya ID’siyle etiketleyin. Bunu kişiselleştirilmiş görseller için kullanabilirsiniz — örneğin kullanıcının seçtiği avatarı göstermek gibi.

Flow & Paywall Builder’a yüklediğiniz medya, yedek olarak görev yapar. Kodunuz çalışma zamanında ID için medya sağlamazsa bunun yerine yedek gösterilir.

Bir Resim veya Video öğesinde özel medya ID’sini etkinleştirmek için:

  1. Yükleme alanının altındaki Use custom media ID onay kutusunu işaretleyin.
  2. Bir medya kimliği girin.
  3. Yedek bir görsel veya video yükleyin.

Uygulama kodunuzda medyayı kimliğiyle çekmek için SDK API’sine bakın — Varlıkları özelleştirme.