Duraklatma Ekranı Nasıl Tasarlanır?

Ekranlar (Ekran Tasarımı)

Sol menüden Ekranlar sayfasını aç. Üstteki sekme şeridinde soldan sağa Genel, Hoş Geldin, Çekim, Paylaşım Tasarımı, Duraklatma, Animasyonlar, Metinler, Sesler sekmeleri bulunur. Soldan beşinci olan Duraklatma sekmesine tıkla.

🔎 Ekrandaki öğeler: Üst sekme şeridi; Duraklatma sekmesi (soldan 5. sıra).

Ekranlar → Duraklatma

En üstteki Duraklatma Ekranı bölümündeki aç/kapa anahtarını aç. Açıklaması: 'Etkinliğiniz duraklatıldığında özel bir ekran görüntüleyin. Kahve molaları için mükemmeldir.' Bu anahtar KAPALIYSA, booth'u duraklatsan bile bu özel bekleme ekranı gösterilmez. Aşağıdaki tüm tasarım ayarlarının bir işe yaraması için önce bu anahtar açık olmalı.

🔎 Ekrandaki öğeler: Duraklatma Ekranı başlıklı bölüm + aç/kapa anahtarı (SwitchSettingComponent).

Ekranlar → Duraklatma

Ekran Önizlemesi bölümü, tasarladığın bekleme ekranının küçük bir canlı örneğini gösterir; açıklaması: 'Duraklama ekranının canlı önizlemesi. Aşağıda yapacağınız değişiklikler anlık olarak yansıtılır.' Aşağıdaki alanlarda yaptığın her değişiklik (başlık, metin, logo, konum, arka plan, opaklık) buraya anında yansır. Önizleme içindeki logo veya metin bloğuna tıklarsan sayfa otomatik olarak ilgili ayar bölümüne kaydırılır. Sağ altta Varsayılana Sıfırla bağlantısı ve Tam Ekran düğmesi bulunur.

🔎 Ekrandaki öğeler: Ekran Önizlemesi tuvali; içindeki tıklanabilir logo/içerik öğeleri; Varsayılana Sıfırla bağlantısı; Tam Ekran düğmesi.

Ekranlar → Duraklatma

Duraklat Başlık alanına kısa ve net bir başlık gir. Alan, yıldız (*) ile işaretli önerilen bir alandır. Açıklaması: 'Konuklara etkinliğin duraklatıldığını bildirmek için kısa ve net bir başlık yazın.' Kutu boşken örnek metin (placeholder) olarak 'Yakında geri döneceğiz!' görünür. Başlık, önizlemede 'Genel' sekmesindeki Birincil (Primary) renkle gösterilir.

🔎 Ekrandaki öğeler: Duraklat Başlık metin kutusu; placeholder Yakında geri döneceğiz!; zorunluluk işareti (*).

Ekranlar → Duraklatma

Metni duraklat alanına konuklara yönelik samimi bir mesaj yaz. Alan yıldız (*) ile işaretlidir. Açıklaması: 'Konuklara neler olup bittiğini ve ne zaman döneceğinizi bildirmek için samimi bir mesaj ekleyin.' Bu bir zengin metin (rich text) düzenleyicidir — kalın/vurgu gibi biçimlendirme uygulayabilirsin. Kutu boşken placeholder olarak '20 dakikalık kısa bir ara veriyoruz. Sabrınız için teşekkür ederiz — kısa süre sonra geri döneceğiz!' görünür. Metin, önizlemede İkincil (Secondary) renkle gösterilir.

🔎 Ekrandaki öğeler: Metni duraklat zengin metin düzenleyici (RichTextEditor); placeholder 20 dakikalık mola metni.

Ekranlar → Duraklatma

İçerik bölümü, başlık ve mesaj metnini birlikte tek bir blok olarak yönetir; açıklaması: 'Duraklama ekranında görüntülenen başlığı ve mesajı konumlandırın ve hizalayın.' Soldaki 3×3 konum ızgarasından bloğun ekrandaki yerini seç (örn. Merkez, En üst). Izgaranın yanındaki anahtarla içeriği tümüyle gizleyip gösterebilirsin (Açık / Kapalı). Sağdaki seçenekten metnin hizasını belirle: Sola Hizala / Ortaya Hizala / Sağa Hizala. İçerik varsayılan olarak açıktır ve ortada durur.

🔎 Ekrandaki öğeler: 3×3 konum ızgarası (PositionGridComponent) + yanında aç/kapa anahtarı; hizalama seçici Sola Hizala / Ortaya Hizala / Sağa Hizala.

Ekranlar → Duraklatma

Logo bölümü marka logonu bekleme ekranına yerleştirir; açıklaması: 'Marka logonuzu duraklama ekranında konumlandırın ve görüntüleme boyutunu seçin.' Duraklatma ekranında logo VARSAYILAN OLARAK KAPALIDIR — 3×3 ızgaranın yanındaki anahtarı açtığında logo üst-ortada belirir. Konumunu ızgaradan seç, boyutunu sağdan seç: Büyük / Orta / Küçük. Önemli: gösterilen logo GÖRSELİ Genel sekmesinden gelir; burada yalnızca konum ve boyut ayarlanır. Genel sekmesinde logo yüklü değilse önizlemede varsayılan uygulama simgesi görünür.

🔎 Ekrandaki öğeler: 3×3 konum ızgarası + aç/kapa anahtarı; boyut seçici Büyük / Orta / Küçük.

Ekranlar → Duraklatma

Özel Arka Plan bölümünden bekleme ekranına bir arka plan görseli veya videosu yükle; açıklaması: 'Etkinliğiniz duraklatmışken gösterilecek bir arka plan görseli veya video yükleyin.' Satırda 'Arka plan' etiketi, bir aç/kapa anahtarı ve sağda üç düğme vardır: yükleme (upload/ok), önizleme (büyüteç ya da oynat) ve geri yükleme (restore/reset). Yükleme düğmesine bastığında cihazın yerel (native) dosya seçicisi açılır; hem resim hem video kabul edilir (maksimum 50 MB). Anahtarı kapatırsan arka plan gösterilmez. Kendi dosyanı yüklemezsen Genel sekmesindeki varsayılan arka plan (o da yoksa Karşılama ekranının arka planı / örnek görsel) miras alınır.

🔎 Ekrandaki öğeler: FilePicker satırı: Arka plan etiketi, aç/kapa anahtarı, Yükle / Önizle / Geri Yükle düğmeleri; izin verilen türler Resim + Video, maks. 50 MB.

Ekranlar → Duraklatma

Arka Plan Opaklığı kaydırıcısıyla arka planın saydamlığını 0–100 arasında ayarla; açıklaması: Özel arka planın şeffaflık seviyesini ayarlayın. Kaydırıcının sağında güncel yüzde değeri (%) görünür. Bir arka plan yoksa kaydırıcı pasif (soluk) durur — önce Adım 8 ile bir arka plan ekle. Varsayılan değer %20'dir.

🔎 Ekrandaki öğeler: Aralık kaydırıcısı (0–100) + yüzde göstergesi; arka plan yokken devre dışı (soluk).

Ekranlar → Duraklatma

Önizleme bölümünün sağ altındaki Tam Ekran düğmesine basarak tasarımı büyük halde gözden geçir; kapatmak için köşedeki X'e veya boşluğa tıkla. Tüm konum/boyut/metin/arka plan ayarlarını başa döndürmek istersen Varsayılana Sıfırla bağlantısına tıkla; çıkan onayda 'Bu işlem, tüm duraklama ekranı eleman konumlarını ve seçeneklerini varsayılan değerlere sıfırlayacaktır. Bu işlem geri alınamaz.' uyarısını görürsün — 'Sıfırla' ile onayla veya 'İptal' ile vazgeç. Ayarlar otomatik kaydedilir; ayrı bir 'Kaydet' düğmesi yoktur.

🔎 Ekrandaki öğeler: Tam Ekran düğmesi ve tam ekran önizlemeyi kapatma (X); Varsayılana Sıfırla bağlantısı; onay penceresi düğmeleri Sıfırla / İptal.