เห็นแถบสีดำที่ด้านบนและด้านล่างของ iPhone X Simulator


132

เรียกใช้แอพของฉันใน iPhone X Simulator (GM Seed) ฉันสังเกตเห็นเอฟเฟกต์แปลก ๆ สองอย่าง:

  • แอปไม่ใช้พื้นที่เต็มหน้าจอ (พื้นที่ด้านบนและด้านล่างเป็นสีดำ)
  • แถบสีขาวแปลก ๆ ใต้แถบชื่อเรื่อง

ป้อนคำอธิบายภาพที่นี่

มีใครรู้บ้างว่าเกิดอะไรขึ้นที่นี่และจะแก้ไขได้อย่างไร ฉันไม่พบการตั้งค่าใหม่ในตัวสร้างอินเทอร์เฟซ


1
คุณใช้ไฟล์ Launch Screen หรือเรียกใช้รูปภาพหรือไม่? คุณใช้รูปแบบอัตโนมัติหรือไม่
rmaddy

1
เปิดตัวภาพและเลย์เอาต์อัตโนมัติ
Darko

3
เหตุใดคุณจึงใช้ภาพเปิดตัวแบบเก่าแทนไฟล์ Launch Screen ที่ง่ายกว่ามาก อย่างไรก็ตามคุณได้เพิ่มรูปภาพเปิดตัวใหม่ที่จำเป็นสำหรับขนาดหน้าจอใหม่หรือไม่?
rmaddy

ฉันไม่พบภาพเปิดตัวสำหรับขนาด iPhone X แต่การใช้หน้าจอเปิดตัวสามารถแก้ไขปัญหาทั้งสองได้ โปรดแก้ไขคำตอบของคุณและฉันจะทำเครื่องหมายว่าตอบแล้ว ขอบคุณ!
Darko

5
คุณไม่ควรใช้ภาพเปิดตัว ใช้Launch Screen.storyboardแทน
onmyway133

คำตอบ:


186

เมื่อใช้ภาพเปิดตัว (แทนที่จะเป็นไฟล์หน้าจอเปิดตัวที่ง่ายกว่ามาก) คุณต้องให้ภาพเปิดตัวขนาดที่เหมาะสมสำหรับอุปกรณ์แต่ละขนาดที่คุณต้องการรองรับ เมื่อคุณเพิ่มรูปภาพเปิดตัวเพิ่มเติมแล้วแอปของคุณควรใช้ประโยชน์จากขนาดหน้าจอใหม่

iPhone X ใหม่ต้องการภาพเปิดตัวขนาด 1125px × 2436px ซึ่งเป็นภาพ 3x สำหรับ 375pt × 812pt

แน่นอนว่าหากคุณเปลี่ยนไปใช้ไฟล์หน้าจอเปิดตัวแทนการเปิดตัวแต่ละภาพแอปของคุณจะปรับให้เข้ากับขนาดอุปกรณ์ทั้งหมดโดยอัตโนมัติโดยไม่ต้องทำงานเพิ่มเติม


2
คุณสามารถดูรายละเอียดเพิ่มเติมเกี่ยวกับวิธีการรวมภาพ iphoneX ใหม่เข้ากับ Launch Screen ได้หรือไม่? ชุดรูปภาพใด ๆ ที่ฉันเพิ่มใน Xcode 9 ไม่มีสล็อต iphoneX มีเพียงชุดภาพเปิด
Christian Cerri

1
@ChristianCerri ชุดรูปภาพไม่ได้เชื่อมโยงกับอุปกรณ์ พวกเขาให้ตัวเลือก 1x, 2x และ 3x แก่คุณ ฉันหมายถึงภาพเปิดตัว ภาพเหล่านี้เป็นภาพเฉพาะอุปกรณ์เท่านั้น หากคุณมีคำถามเกี่ยวกับการเพิ่มรูปภาพขนาดต่างๆลงในหน้าจอเปิดตัวโปรดโพสต์คำถามของคุณเองสำหรับปัญหานั้น
rmaddy

19
รูปภาพเปิดตัวนรกที่เกี่ยวข้องกับ blackbar ที่ด้านบนและด้านล่างของ iPhone X simulator ได้อย่างไร ??!
TomSawyer

1
@TomSawyer หากแอปของคุณไม่ใช้สตอรีบอร์ดหน้าจอเปิดตัวรูปภาพเริ่มต้นจะกำหนดขนาดหน้าจอที่แอปของคุณรองรับ
rmaddy

1
ดูคำตอบจาก @sabiland หากคุณยังคงเห็นแถบสีดำและใช้หน้าจอเริ่มต้น จะดีมากถ้าคำตอบนี้สามารถเสริมด้วยเรื่องน่ารู้เกี่ยวกับการออกแบบหน้าจอเปิดตัวให้เหมาะสมสำหรับ iPhone X
Crashalot

36

ฉันพบปัญหานี้ใน iPhone X เปิดตัวขนาดภาพ (1125 * 2436px) โปรดทำตามขั้นตอนด้านล่างนี้ 1.i) เลือกชื่อโครงการของคุณใน Xcode ii) เลือกเป้าหมายโครงการของคุณ iii) จากนั้นเลือกเปิดแหล่งที่มาของภาพ ป้อนคำอธิบายภาพที่นี่

  1. คุณสามารถรับป๊อปอัปย้ายข้อมูล i) เลือกเนื้อหา ii) เลือกโยกย้าย

ป้อนคำอธิบายภาพที่นี่

  1. หลังจากนั้นเลือก Assets.xcassets ในโครงการของคุณ ป้อนคำอธิบายภาพที่นี่

  2. จากนั้นเลือกเปิดตัวรูปภาพในเนื้อหา i) จากนั้นเลือกตัวตรวจสอบแอตทริบิวต์ป้อนคำอธิบายภาพที่นี่

  3. สุดท้ายตรวจสอบแหล่งที่มาของภาพเปิดตัวของคุณ คุณสามารถดูภาพชุดเปิดตัว

ป้อนคำอธิบายภาพที่นี่


โหวตให้กับรูปภาพ แต่คุณควรล้างข้อความ "LaunchScreen" ออกจากช่องข้อความ Launch Screen File ในภาพสุดท้ายของคุณ
NadtheVlad

ขอบคุณ @NadtheVlad โปรดล้างข้อความ "LaunchScreen" จาก Launch Screen File และลบไฟล์ LaunchScreen.Storyboard จาก Xcode
Karthickkck

ขอบคุณ! มันเป็นช่องทำเครื่องหมายแนวนอนจาก Launch Image ที่ทำให้เกิดปัญหาเนื่องจากแอพของฉันเป็นแนวตั้งเท่านั้น
green0range

ขอบคุณมีปัญหาเดียวกันและแก้ไขได้โดยการเพิ่มภาพเปิดตัว (แอปพลิเคชัน SDL2)
Viktor Sehr


14

ฉันได้หาวิธีแก้ไขแล้ว (แม้ว่าฉันจะยังไม่เข้าใจว่าทำไมสิ่งนี้จึงเกิดขึ้นเฉพาะใน iPhone X) กระดานเรื่องราว LaunchScreen บน iPhone X โดยเห็นแถบสีดำบนและล่าง

ฉันมีกระดานเรื่องราว LaunchScreen พร้อม UIImageView หนึ่งรายการ

UIImageView ของด้านบนและด้านล่างจะต้องมีการตรึงอยู่กับSuperView ของ ด้านบนและด้านล่าง จะไม่SafeArea


สิ่งนี้ช่วยแก้ปัญหาของฉันด้วย LauchScreen ด้วย Autolayout แต่แทนที่จะตรึงไว้ที่เส้นขอบฉันจัดกึ่งกลางในแนวนอนและแนวตั้งและเท่ากับความกว้าง / ความสูงให้กับ SuperView
Yuri Natividade

สิ่งนี้ใช้ได้ผลหลังจากตรึงมุมมองในสตอรีบอร์ดอื่น ๆ ไว้ที่มุมมองด้านบน / ล่างซึ่งตรงข้ามกับคำแนะนำเค้าโครง อย่าลืมตรวจสอบสตอรีบอร์ดขณะอยู่ในโหมด iPhone X
Crashalot

ทำไมฉันไม่เห็น superview ในสตอรี่บอร์ดของฉันเมื่อฉันไปให้ข้อ จำกัด นั้น
rd_

10

ฉันแก้ไขโดยเพียงแค่ใส่ข้อความแบบสุ่มในช่องLanch Screen Fileข้อความ ฉันไม่มีแม้แต่ไฟล์ Launch Screen ... XCode นั้นมีปัญหามาก

อัพเดต

แม้ว่าสิ่งนี้จะแก้ไขได้ในโปรแกรมจำลอง (ยังคงแปลกและคาดไม่ถึง) เมื่ออัปโหลดไบนารีไปยัง iTunes Connect แต่จะล้มเหลวเนื่องจากไม่พบไฟล์ LanchScreen ที่มีชื่อว่า "random-name"


เหมาะสำหรับ iphone x แต่มันใช้ไม่ได้กับอุปกรณ์อื่น ๆ ครับ
Govaadiyo

ใช่ ๆ! สิ่งนี้แก้ไขใน xcode ขอบคุณ! ดีพอสำหรับการทดสอบ จะซื้อ iphone X จริงเพื่อหลีกเลี่ยงปัญหา xcode ในอนาคตเพื่อทดสอบ
Phyllis Sutherland

5

เพิ่งพบสิ่งนี้ในขณะที่พยายามอัปเดตแอปที่ฉันไม่ได้ใช้งานมาระยะหนึ่ง

ใน Xcode 9.4 ฉันสามารถแก้ไขได้โดยทำสิ่งต่อไปนี้:

  1. เพิ่มหน้าจอเรียกใช้งานโดยไปที่ไฟล์ -> ใหม่ -> ไฟล์ ... -> เปิดหน้าจอ

ป้อนคำอธิบายภาพที่นี่

  1. ตรวจสอบให้แน่ใจว่าสตอรีบอร์ดหน้าจอเริ่มต้นที่เพิ่มใหม่ถูกเลือกเป็นไฟล์หน้าจอเริ่มต้นภายใต้การตั้งค่าโครงการ

ป้อนคำอธิบายภาพที่นี่


1

หากคุณมีรูปภาพเปิดตัวขนาด 1125px × 2436px อยู่แล้ว แต่แอปยังไม่ใช้การตรวจสอบแบบเต็มหน้าจอเพื่อให้แน่ใจว่ารูปภาพของคุณเป็น PNG


1

ถ้าคุณลบ LaunchScreen.storyboard; เลือกโครงการของคุณเลือกเป้าหมายโครงการของคุณทั่วไป -> ไอคอนแอปและเปิดรูปภาพ -> เปิดไฟล์หน้าจอ: เลือกที่นี่ Main.storyboard แทน LaunchScreen.storyboard


1

เพิ่งมีปัญหานี้ ... เมื่อฉันเลือกโปรเจ็กต์และเป้าหมายที่ถูกต้องฉันมีช่องว่างสำหรับ 'ไฟล์หน้าจอเปิดตัว' ใต้ไอคอนแอพและแท็บรูปภาพหน้าจอเปิด ฉันตั้งค่าเป็น LaunchScreen เริ่มต้นและปัญหาการปรับขนาดที่ฉันพบได้รับการดูแล


0

คุณสามารถตรวจสอบในไฟล์หน้าจอการเรียกใช้เป้าหมายโครงการไม่ได้ตั้งค่าให้ว่างเปล่าหากว่างเปล่าอาจทำให้เกิดปัญหาป้อนคำอธิบายภาพที่นี่


เลือก Laaunchscreen.storyboard ในเป้าหมายทั่วไปฉันแก้ไขปัญหาแล้ว
Aqib Zareen
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.