Model Sayfası bileşeni

Bu bileşen AMPHTML reklamlar, video reklamlar veya resim reklamlar için desteklenmemektedir.

İmge animasyonu oluşturmak veya yalnızca tek bir resim kaynak dosyası kullanırken bağımsız resim imgelerini ayrı ayrı görüntülemek için Model Sayfası bileşenini kullanabilirsiniz.

  

Animasyon oluşturmak için kullanılan 8 imgeli bir model sayfası. Her imge, bir animasyonun parçası olmadan kendi başına da görüntülenebilir.

Projenize Model Sayfası bileşenini eklemek için:

1. Bileşenler panelini açın, ardından Grafikler ve Efektler klasörünü açın.
2. Model Sayfası bileşenini sahneye sürükleyin.
3. Özellikler panelinin Model Sayfası özellikleri bölümünde Kaynak alanına model sayfası resim dosyası URL'sini girin. Kaynak dosya yerelse bilgisayar dosya sisteminizden dosyayı seçmek için alandaki Göz at düğmesini tıklayın.
4. Görüntülemek istediğiniz belirli imgenin X Ofseti, Y Ofseti, Çerçeve genişliği ve Çerçeve yüksekliği değerini girin. Bir animasyon oluşturuyorsanız bu imge, animasyonun ilk karesinde gösterilir.
5. Model sayfasını kullanma biçiminize bağlı olarak, diğer imgeleri görüntülemek veya bir imge animasyonu oluşturmak için gerçekleştirilmesi gereken adımları uygulayın.

   Diğer imgeleri görüntülemek için:

   1. Bir ek Model Sayfası bileşeni ekleyin.
   2. Yeni bileşeni aynı kaynağı kullanarak ancak bu bileşende görüntülemek istediğiniz imgenin ofset ve çerçeve boyutu değerleriyle yapılandırın.

   Bir imge animasyonu oluşturmak için:

   1. Model Sayfası bileşeninin Özellikler panelinde Gelişmiş özellikler'i genişletin.
   2. Animasyonunuzdaki Kare sayısını girin. Bileşen her karede bir imge görüntüler ve her imgenin aynı boyutta olduğunu varsayar.
   3. Animasyonun otomatik olarak oynatılmaya başlanmasını istiyorsanız Otomatik oynat kutusunu işaretleyin. Animasyonu, Model Sayfası > Oynat veya Animasyonu aç/kapat işlemiyle bir etkinlik ayarlayarak da tetikleyebilirsiniz (aşağıda açıklanmıştır).

Özellikler

Özellik	Açıklama
Ad	Bileşen adı.
Kaynak	Model sayfası olarak kullandığınız resmin URL'si. Dinamik verilere bağlı olabilir.
X Offset (X ofseti)	Model sayfasının sol kenarından imgeye olan ofset (piksel cinsinden).
Y Offset​ (Y ofseti)	Model sayfasının üst kenarından imgeye olan ofset (piksel cinsinden).
Kare genişliği	İmgenin genişliği (piksel cinsinden).
Kare yüksekliği	İmgenin yüksekliği (piksel cinsinden).
Hizalama	İmgenin bileşenin içindeki konumu: center (orta) bottom (alt) bottom left (sol alt) bottom right (sağ alt) left (sol) right (sağ) top (üst) top left (sol üst) top right (sağ üst)
Ölçekleme	Bileşenden farklı bir boyuta sahip imgelerin görüntülenme şekli: Resmi sığacak şekilde yeniden boyutlandır Resmi sığacak şeklide kırp Yok Resmi sığacak şekilde uzat

Gelişmiş özellikler

Bir imge animasyonu yapılandırmak için gelişmiş özellikleri kullanın. Aşağıdaki özellikleri düzenlemek için bileşen özellikleri bölmesinde Gelişmiş özellikler'in yanındaki Genişlet simgesini tıklayın:

Özellik	Açıklama
Number of Frames (Kare sayısı)	Animasyonu oluşturan karelerin sayısı. Model sayfanızdaki imge sayısından daha yüksek bir sayı girerseniz animasyonunuzun sonuna boş kareler eklenir.
Duration (Süre)	Her karenin milisaniye cinsinden süresi.
Number of Loops (Döngü sayısı)	Animasyonun tekrar sayısı. Animasyonun sürekli olarak tekrar etmesini istiyorsanız 0 değerine ayarlayın.
Otomatik oynat	İşaretlendiğinde, animasyon otomatik olarak oynatılır.
End on frame one​ (Birinci karede sona erdir)	İşaretlendiğinde, animasyon son döngüden sonraki ilk karede sona erer.
Reverse (Ters çevir)	İşaretlendiğinde, animasyon tersten oynatılır.

Etkinlikler ve işlemler

Model Sayfası bileşeni tarafından gönderilen etkinlikler

Aşağıdaki Model Sayfası bileşeni etkinliklerine dayanarak diğer işlemleri tetikleyebilirsiniz:

Etkinlik	Açıklama
Duraklatıldı	Animasyon duraklatıldığında gönderilir.
Sonlandı	Animasyon bittiğinde gönderilir.
Oynatma başladı	Animasyon oynatılmaya başladığında gönderilir.
Yeniden oynatıldı	Animasyon yeniden başlatıldığında gönderilir.

Etkinlik iletişim kutusunda bu etkinliklerden birini seçmek için Model Sayfası bileşenini hedef olarak ayarlayın.

Model Sayfası bileşeni tarafından gerçekleştirilen işlemler

Aşağıdaki Model Sayfası bileşeni işlemleri diğer etkinliklere yanıt olarak tetiklenebilir:

İşlem	Yapılandırma seçenekleri
Yeni animasyon oluştur	X ofseti - Model sayfasının sol tarafından imgeye olan ofset (piksel cinsinden). Y ofseti - Model sayfasının üstünden imgeye olan ofset (piksel cinsinden). Çerçeve genişliği - İmgenin genişliği (piksel cinsinden). Çerçeve yüksekliği - İmgenin yüksekliği (piksel cinsinden). Frames (Kare sayısı) - Animasyonu oluşturan karelerin sayısı Duration (Süre) - Her bir karenin milisaniye cinsinden süresi Loops (Döngü sayısı) - Animasyonun tekrar sayısı. Animasyonun sürekli tekrar etmesi için 0 değerine ayarlayın. Otomatik oynat - İşaretlendiğinde animasyon otomatik olarak oynatılır. Reverse (Ters çevir) - İşaretlendiğinde, animasyon tersten oynatılır.
Oynat	Animasyonu durdurulduğu veya duraklatıldığı geçerli konumundan başlatır.
Duraklat	Geçerli animasyonu duraklatır.
Animasyonu aç/kapat	Animasyonun oynatma veya duraklatma durumları arasında geçiş yapar.
Tekrar oynat	Animasyonu ilk kareden başlatır.
Geri git	Dizideki önceki kareyi gösterir.
İleri git	Dizideki sonraki kareyi gösterir.
Kareye git	Belirtilen kareyi gösterir.

Etkinlik iletişim kutusunda bu işlemlerden birini seçtiğinizde Model Sayfası bileşenini alıcı olarak ayarlayın.

Etkinlikleri yapılandırmayı öğrenin.

Önizleme

Kaynağı, ofsetleri ve çerçeve boyutlarını belirlemenizden sonra, Google Web Designer, sahnede Model Sayfası bileşeninin statik bir önizlemesini gösterir. Böylece, imgeyi doğru belirttiğinizden emin olabilirsiniz.

İmge animasyonları Web Tasarımcısı arayüzünde önizlenemez. İmge animasyonu oynatımını görmek için tercih ettiğiniz tarayıcıda sağ üst köşedeki Önizleme düğmesini tıklayarak dokümanınızı önizleyin.