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.

Görsel

.JPG, .PNG veya .WEBP formatında en fazla 20 MB boyutunda dosya yükleyin.

Animasyonlu GIF ve WEBP dosyaları desteklenmez. Hareket eklemek için Video ögesini kullanın.

Tip

İçeriğinizi tam ekran bir görselin üzerine yerleştirmek için, bir ekran arka planı ve kayan bir sayfadan hero görseli oluşturun.

  • Content mode — görselin yüksekliğini ayarladığınızda kapsayıcısını nasıl dolduracağını denetler. Bkz. Görsel boyutlandırma.
  • Use custom media ID — aşağıdaki Özel medya kimliği bölümüne bakın.

Görsel boyutlandırma

Bir görselin kendi oranları vardır ve ona verdiğiniz kutu bu oranlarla uyuşmayabilir. Önce genişliği ayarlayın, ardından yüksekliğe karar verin:

  • Otomatik yükseklik. Görsel şeklini korur: yükseklik, ayarladığınız genişliğe göre belirlenir. Content mode devre dışı kalır, çünkü kırpılacak bir şey yoktur.
  • Sabit veya Doldurma yüksekliği. Kutunun kendine özgü oranları olur ve Content mode uyumsuzluğu çözer:
    • Fit. Görselin tamamını kutunun içine sığdırarak boş alan bırakır.
    • Fill. Taşan kısmı kırpar. Varsayılan.

Her ekran genişliğinde görselin kırpılmadan görüntülenmesi için Fill genişliği ve Auto yüksekliği kullanın. Sabit bir yükseklik belirlendiğinde, üst ve alt kısımdaki kırpma alanı ekran boyutuna göre değişir.

Video

.MP4 veya .WEBM formatında, 50 MB’a kadar ve 30 saniyeyi geçmeyecek şekilde dosya yükleyin. Minimum video çözünürlüğü 640x640 pikseldir.

  • Aspect — videonun yüksekliğini ayarladığınızda kapsayıcısını nasıl dolduracağını kontrol eder. Bkz. Video boyutlandırma.
  • Loop — videoyu sürekli tekrar oynatır. Varsayılan olarak açıktır.
  • Use custom media ID — aşağıdaki Özel medya ID’si bölümüne bakın.

Videolar editör önizlemesinde oynatılmaz; tuval 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 tekrar eder.

Video boyutlandırma

Bir videonun kendi oranları vardır ve ona verdiğiniz kutu bu oranlarla eşleşmeyebilir. Yükseklik, ne olacağını belirler:

  • Hug height. Yükseklik, videonun kendi oranlarını takip eder.
  • Fixed veya Fill height. Aspect özelliği uyumsuzluğu çözer:
    • Fit. Videonun tamamını kutunun içine sığdırır ve boş alan bırakır.
    • Fill. Taşan kısımları kırpar. Varsayılan.

Adapty, yükleme sırasında bir videonun oranlarını okuyamazsa şu uyarıyı verir: “Could not determine video dimensions. Set a fixed height to ensure the video displays correctly.” Videoya sabit bir yükseklik verin ya da onu içeren bir konteynerin sabit yüksekliği olduğundan emin olun. Aksi takdirde yüksekliği 0’a düşebilir.

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ştirme

Görsel ve Video öğeleri, her yerel ayar için farklı bir dosya içerebilir:

  1. Localizations paneli açıksa, özellik panelini göstermek için kapatın.
  2. Alt araç çubuğunda, Locale seçeneğini hedef yerel ayara getirin.
  3. Öğeyi seçin. Ardından özellik panelinde yerelleştirilmiş dosyayı yükleyin.
  4. İşleminiz bittiğinde, Locale seçeneğini varsayılan yerel ayara geri alın. Başka bir yerel ayar seçiliyken özellik panelinde düzenlediğiniz metinler, o yerel ayarın çevirisini değiştirir.

Kendi dosyası olmayan bir yerel ayar için öğe, varsayılan yerel ayarın dosyasını gösterir. Ayrıca Localizations panelinde her yerel ayar için ayrı bir dosya yükleyebilirsiniz.

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 kimliği

Important

Ayrıca bir resim ve video arka planı için de özel medya kimliği belirleyebilirsiniz.

Çalışma zamanında uygulama kodunuzdan değiştirebilmek için bir resim veya video öğesini özel bir medya kimliğiyle etiketleyin. Bu, kişiselleştirilmiş görseller için kullanışlıdır — örneğin kullanıcının seçtiği avatarı göstermek gibi.

Flow & Paywall Builder’a yüklediğiniz medya, yedek olarak işlev görür. Kodunuz çalışma zamanında söz konusu kimlik için herhangi bir medya sağlamazsa, bunun yerine yedek medya gösterilir.

Özel bir medya kimliği, yalnızca aynı türdeki bir dosyayı başka bir dosyayla değiştirebilir — resim için resim, video için video. Türler eşleşmezse yedek içerik görüntülenir.

Bir Resim veya Video öğesinde özel medya kimliğini 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 resim veya video yükleyin.

Uygulama kodunuzda, medyayı kimliğine göre getirin — SDK API’si için bkz. Varlıkları özelleştirme.

Tip

Bir flow’un ilk ekranının anında görüntülenmesini sağlamak için, ağır görsel ve videolara özel medya kimlikleri atayın ve geliştiricilerinizin bu dosyaları uygulama paketiyle birlikte sunmasını isteyin. Bkz. İlk ekran medyasını uygulama paketinden gösterme.