iPhone Duo’nun dar bir dış ekranı ve geniş bir iç ekranı vardır. Diğer iPhone’lardan farklı olarak, dikey yönde bile durum çubuğunu ekranın yanında, ön kameranın yanı sıra gösterebilir.

Flow’larınızın Duo’da iyi görünmesi için aşağıdaki adımları izleyin:

• Safe area seçeneğini açık tutun; böylece metin ve butonlar durum çubuğunun arkasında kalmaz.
• Tek bir öğe durum çubuğunun arkasında görünüyorsa, o öğe için Ignore safe area seçeneğinin işaretini kaldırın.
• Yayımlamadan önce her iki ekranı da her iki yönde önizleyin ve düzeni gerektiği gibi ayarlayın.
• Adapty iPhone Duo desteğini eklemeden önce yayınlanan bir flow varsa, en güncel düzen iyileştirmelerini uygulamak için tekrar yayımlayın.
• Duo flow’unun ayrı bir tasarıma ihtiyacı varsa, Duo kullanıcılarına ayrı bir flow gösterin.

Metin ve düğmeleri durum çubuğundan ve kameradan uzak tutun

Safe area seçeneğini açarak ekranın şu bölümlerini durum çubuğundan uzak tutabilirsiniz:

• Ana içerik
• Alt bölüm ve kayan sayfa içerikleri
• İlerleme göstergesi
• Fixed ve Absolute öğeler

Ekran, alt bölüm ve kayan sayfanın arka planları, durum çubuğunun arkasındaki alan da dahil olmak üzere tüm ekrana yayılmaya devam eder.

iPhone Duo’nun güvenli alanını kasıtlı olarak yok sayma

Tek bir element, durum çubuğunun arkasında görünmek için Safe area ayarını geçersiz kılabilir. Bu yalnızca resimler ve videolarda kasıtlı bir efekt için önerilir.

Elementa Fixed veya Absolute konum verin. Ardından Ignore safe area onay kutusunu seçin.

Bir resmin veya videonun ekranın geri kalanıyla birlikte kaymasını sağlamak için, bunun yerine ekranın en üstüne yerleştirin.

Her iki ekrana uygun tek bir düzen tasarlayın

Her ekranın yalnızca bir düzeni vardır. Flow & Paywall Builder’da bir ekran tasarlarken iPhone Duo’nun her iki ekranına da uyum sağladığından emin olmak için bu bölümdeki ipuçlarını takip edin.

Cihaz listesinden iPhone Duo’yu seçin. Ardından her ekranı önizleyin:

• Kapalı: Durum çubuğu çok fazla yer kaplıyor. Şunlara dikkat edin:

  • Kaydırılan veya kesilen metinler
  • Ekranın büyük kısmını kaplayan bir alt bilgi
  • Görünüm dışında kalan kapat, geri yükle veya satın al düğmesi

  Dikey kaydırma özelliğini etkinleştirin ya da içeriği daha fazla ekrana bölün. Satın al düğmesini her zaman görünür tutmak için yapışkan bir alt bilgi içine yerleştirin.

• Open: Uygulamanızı yalnızca dikey yönlendirme için tasarladıysanız, iOS bunu iç ekranda yatay yönlendirmede de gösterebilir.

  Her iki yönlendirmede de okunması güç biçimde çok geniş uzanan içerikleri arayın. Bunları Fixed genişliğe sahip bir kapsayıcıya alın. Ardından kapsayıcının üst öğesinin Alignment ayarını değiştirerek kapsayıcıyı ortaya alın. Kapsayıcı, her cihazda genişliğini korur.

  Konteyner, en dar telefonlar için çok geniş olduğunda Width yanında bir uyarı simgesi görünür. Simge kaybolana kadar genişliği azaltın.

Duo’ya uygun ama diğer telefonlarda bozuk görünen bir düzen tasarladıysanız, Duo kullanıcılarına ayrı bir flow gösterin.

Mevcut flow’lara iPhone Duo desteği ekleyin

Adapty, iPhone Duo desteği eklemeden önce yayına alınan bir flow’a en güncel düzen iyileştirmelerini uygulamak için flow’u yeniden yayınlamanız gerekir.

Flow & Paywall Builder’da flow’u açın. Publish to Live düğmesini etkinleştirmek için küçük bir değişiklik yapın ve düğmeye tıklayın.

Uygulamanız, o flow’u sunan bir placement talebinde bulunduğunda en güncel yayınlanan sürümü alır. Sonucu görmek için flow’u uygulamanızda iPhone Duo üzerinde veya Xcode’daki telefon simülatöründe açın.

iPhone Duo kullanıcılarına ayrı bir flow göster

You may prefer to design a separate flow, tailored for the Duo’s displays, instead of one layout that fits all phones:

1. Mevcut bir flow’u kopyalayarak Duo flow’unu oluşturun.
2. Kopyayı her iki ekran için düzenleyin. Ardından yayınlayın.
3. Device özelliği iPhone Duo olarak ayarlanmış bir segment oluşturun.
4. Ana flow’u sunan placement’ta, Duo segmenti ve Duo flow’uyla bir kitle ekleyin.
5. Placement’taki başka bir kitle de Duo kullanıcılarıyla eşleşebiliyorsa, Duo kitlesinin önceliğini yükseltin.

To see the result, open your app on a real iPhone Duo.