Nhìn thấy các thanh màu đen ở trên cùng và dưới cùng của Trình mô phỏng iPhone X


132

Chạy ứng dụng của tôi trong Trình mô phỏng iPhone X (GM Seed) Tôi nhận thấy hai hiệu ứng lạ:

  • Ứng dụng không sử dụng không gian toàn màn hình (khu vực trên cùng và dưới cùng là màu đen)
  • một thanh màu trắng kỳ lạ bên dưới thanh tiêu đề

nhập mô tả hình ảnh ở đây

Có ai biết những gì đang xảy ra ở đây và làm thế nào để giải quyết điều này? Tôi không thể tìm thấy bất kỳ cài đặt mới nào trong Trình tạo giao diện.


1
Bạn đang sử dụng tệp Launch Screen hoặc khởi chạy hình ảnh? Bạn đang sử dụng bố trí tự động?
rmaddy

1
Khởi chạy hình ảnh và bố cục tự động
Darko

3
Tại sao bạn sử dụng hình ảnh khởi chạy kiểu cũ thay vì tệp Launch Screen dễ dàng hơn nhiều? Dù sao, bạn đã thêm hình ảnh khởi động mới cần thiết cho kích thước màn hình mới?
rmaddy

Tôi không thể tìm thấy hình ảnh khởi chạy cho kích thước iPhone X. Nhưng sử dụng màn hình khởi động đã giải quyết cả hai vấn đề. Vui lòng chỉnh sửa câu trả lời của bạn và tôi sẽ đánh dấu nó là đã trả lời. Cảm ơn!
Darko

5
Bạn KHÔNG NÊN SỬ DỤNG hình ảnh khởi chạy. Launch Screen.storyboardThay vào đó hãy sử dụng
onmyway133

Câu trả lời:


186

Khi sử dụng hình ảnh khởi chạy (thay vì tệp màn hình Khởi chạy dễ dàng hơn nhiều), bạn cần cung cấp hình ảnh khởi chạy có kích thước phù hợp cho từng kích thước thiết bị bạn muốn hỗ trợ. Khi bạn thêm hình ảnh khởi chạy bổ sung, ứng dụng của bạn sẽ tận dụng kích thước màn hình mới.

IPhone X mới yêu cầu hình ảnh khởi chạy có kích thước 1125px × 2436px, đó là hình ảnh 3x cho 375pt × 812pt.

Tất nhiên, nếu bạn chuyển sang sử dụng tệp màn hình Khởi động thay vì hình ảnh khởi chạy riêng lẻ, ứng dụng của bạn sẽ tự động thích ứng với tất cả các kích thước thiết bị mà không cần bất kỳ công việc bổ sung nào.


2
bạn có thể đi sâu hơn vào cách tích hợp hình ảnh iphoneX mới vào Màn hình khởi chạy không? Bất kỳ Bộ hình ảnh nào tôi thêm vào Xcode 9 đều không có khe cắm iphoneX, chỉ khởi chạy Bộ hình ảnh.
Christian Cerri

1
@ChristianCerri Bộ ảnh không được gắn với thiết bị. Họ chỉ cung cấp cho bạn các tùy chọn 1x, 2x và 3x. Tôi đã tham khảo để khởi động hình ảnh. Đó là những hình ảnh cụ thể của thiết bị. Nếu bạn có câu hỏi về việc thêm hình ảnh có kích thước khác nhau vào màn hình Khởi chạy thì vui lòng gửi câu hỏi của riêng bạn cụ thể cho vấn đề đó.
rmaddy

19
Làm thế quái nào hình ảnh khởi chạy liên quan đến thanh màu đen trên và dưới của trình giả lập iPhone X ??!
TomSawyer

1
@TomSawyer Nếu ứng dụng của bạn không sử dụng bảng phân cảnh Màn hình khởi chạy thì hình ảnh khởi chạy sẽ xác định kích thước màn hình mà ứng dụng của bạn hỗ trợ.
rmaddy

1
Xem câu trả lời từ @sabiland nếu bạn vẫn thấy các thanh màu đen và sử dụng màn hình khởi chạy. Sẽ thật tuyệt nếu câu trả lời này có thể được bổ sung với mẩu tin về cách thiết kế màn hình khởi chạy đúng cách cho iPhone X.
Crashalot

36

Tôi đã tìm ra vấn đề này trong iPhone X. Khởi chạy kích thước hình ảnh (1125 * 2436px) Vui lòng thực hiện bước này bên dưới các bước. 1.i) Chọn tên dự án của bạn trong Xcode. ii) Chọn mục tiêu dự án của bạn iii) Sau đó chọn Khởi chạy nguồn hình ảnh nhập mô tả hình ảnh ở đây

  1. Bạn có thể nhận Di chuyển cửa sổ bật lên i) Chọn Tài sản ii) Chọn Di chuyển

nhập mô tả hình ảnh ở đây

  1. Sau đó, chọn Assets.xcassets trong dự án của bạn nhập mô tả hình ảnh ở đây

  2. Sau đó chọn Khởi chạy hình ảnh trong tài sản i) Sau đó chọn thanh tra thuộc tínhnhập mô tả hình ảnh ở đây

  3. cuối cùng kiểm tra nguồn hình ảnh Launch của bạn. bạn có thể thấy thiết lập hình ảnh khởi chạy.

nhập mô tả hình ảnh ở đây


Nâng cao cho hình ảnh. Nhưng bạn nên xóa Văn bản "LaunchScreen" khỏi trường văn bản Khởi động tệp màn hình trong hình ảnh cuối cùng của bạn.
NadtheVlad

Cảm ơn @NadtheVlad. Vui lòng xóa văn bản "LaunchScreen" khỏi Launch Screen File và xóa tệp LaunchScreen.Storyboard khỏi Xcode.
Karthickkck

Cảm ơn! Đó là hộp kiểm phong cảnh từ Launch Image đã gây ra sự cố vì ứng dụng của tôi chỉ là chân dung.
green0range

Cảm ơn bạn, đã có cùng một vấn đề và giải quyết nó bằng cách thêm hình ảnh khởi chạy (ứng dụng SDL2)
Viktor Sehr


14

Tôi đã tìm ra cách khắc phục (mặc dù tôi vẫn không hiểu tại sao điều này chỉ xảy ra trên iPhone X) Bảng phân cảnh LaunchScreen trên iPhone X khi nhìn thấy các thanh trên cùng và dưới cùng màu đen.

Tôi có bảng phân cảnh LaunchScreen với một UIImageView.

Đỉnh & đáy của UIImageView phải được ghim vào đỉnh & đáy của SuperView . KHÔNG đến SafeArea .


Điều này đã giải quyết vấn đề của tôi với LauchScreen với Autolayout. Nhưng thay vì ghim vào các đường viền, tôi căn giữa theo chiều ngang và chiều dọc và bằng chiều rộng / chiều cao với SuperView.
Yuri Natividade

Điều này chỉ hoạt động sau khi ghim các khung nhìn trong các bảng phân cảnh khác vào chế độ xem trên / dưới so với các hướng dẫn bố cục. Đảm bảo kiểm tra bảng phân cảnh khi ở chế độ iPhone X.
Crashalot

tại sao tôi không thể nhìn thấy giám sát trong bảng phân cảnh của mình khi tôi đưa ra ràng buộc đó
lần thứ

10

Tôi đã sửa nó bằng cách chèn một số văn bản ngẫu nhiên vào Lanch Screen File . Tôi thậm chí không có Tệp màn hình khởi chạy ... XCode rất có lỗi.

cập nhật

Mặc dù điều này sửa nó trong trình giả lập (vẫn rất kỳ lạ và bất ngờ) khi tải tệp nhị phân lên iTunes Connect, nó sẽ thất bại do không tìm thấy tệp LanchScreen có tên "tên ngẫu nhiên"


Phải nó hoạt động cho iphone x. nhưng nó không hoạt động cho bất kỳ thiết bị khác bro.
Govaadiyo

Vâng vâng! cái này sửa nó trong xcode. Cảm ơn! Điều đó đủ tốt để thử nghiệm. Sẽ mua một chiếc iphone X thật để tránh sự cố xcode trong tương lai để thử nghiệm.
Phyllis Sutherland

5

Chỉ cần chạy vào đây trong khi cố gắng cập nhật một ứng dụng mà tôi đã không làm việc trong một thời gian.

Trên Xcode 9.4, tôi đã có thể khắc phục điều này bằng cách thực hiện như sau:

  1. Thêm màn hình khởi chạy bằng cách đi tới Tệp -> Mới -> Tệp ... -> Màn hình khởi chạy

nhập mô tả hình ảnh ở đây

  1. Đảm bảo bảng phân cảnh màn hình khởi chạy mới được thêm vào được chọn làm tệp màn hình khởi chạy trong cài đặt dự án.

nhập mô tả hình ảnh ở đây


1

Nếu bạn đã có hình ảnh khởi chạy 1125px × 2436px nhưng ứng dụng vẫn không sử dụng kiểm tra toàn màn hình để đảm bảo rằng hình ảnh của bạn là PNG.


1

nếu bạn đã xóa LaunchScreen.storyboard; Chọn dự án của bạn, chọn mục tiêu dự án của bạn, Chung -> Biểu tượng ứng dụng và Khởi chạy hình ảnh -> Khởi chạy tệp màn hình: Chọn tại đây Main.storyboard thay vì LaunchScreen.storyboard


1

Chỉ có vấn đề này ... Khi tôi chọn dự án & đúng mục tiêu, tôi có một khoảng trống cho 'tệp màn hình khởi chạy' dưới biểu tượng ứng dụng và khởi chạy tab hình ảnh màn hình. Tôi đặt nó thành LaunchScreen mặc định và vấn đề thay đổi kích thước mà tôi gặp phải đã được xử lý.


0

Bạn có thể kiểm tra tệp màn hình khởi chạy mục tiêu dự án không được đặt thành trống nếu nó trống, nó có thể gây ra sự cố.nhập mô tả hình ảnh ở đây


chọn Laaunchscreen.storyboard trong mục tiêu chung tôi đã giải quyết vấn đề.
Aqib Zareen
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.