Khu vực an toàn trong xib trong xcode 9 là gì?

Question

Bạn có thể vui lòng cho tôi biết khu vực an toàn (được đánh dấu bằng hình ảnh) trong xibs trong xcode 9. và sử dụng điều này không?

Answer 1

Safe Area là một hướng dẫn bố trí (Safe Area Layout Guide).
Hướng dẫn bố cục thể hiện phần của chế độ xem không bị che khuất bởi các thanh và nội dung khác. Trong iOS 11, Apple đang ngừng sử dụng các hướng dẫn bố cục trên cùng và dưới cùng và thay thế chúng bằng một hướng dẫn bố cục an toàn.

Khi chế độ xem hiển thị trên màn hình, hướng dẫn này phản ánh phần của chế độ xem không nằm trong nội dung khác. Vùng an toàn của chế độ xem phản ánh khu vực được bao phủ bởi thanh điều hướng, thanh tab, thanh công cụ và các tổ tiên khác che khuất chế độ xem của trình điều khiển chế độ xem. (Trong tvOS, khu vực an toàn kết hợp khung bezel màn hình, như được xác định bởi thuộc tính overscanCompensationInsets của UIScreen.) Nó cũng bao gồm bất kỳ khoảng trống bổ sung nào được xác định bởi thuộc tính additionalSafeAreaInsets của bộ điều khiển xem. Nếu chế độ xem hiện không được cài đặt trong hệ thống phân cấp chế độ xem hoặc không hiển thị trên màn hình, hướng dẫn bố cục luôn khớp với các cạnh của chế độ xem.

Đối với chế độ xem gốc của trình điều khiển chế độ xem, khu vực an toàn trong thuộc tính này thể hiện toàn bộ phần nội dung của trình điều khiển chế độ xem bị che khuất và mọi loại bổ sung mà bạn đã chỉ định. Đối với các chế độ xem khác trong cấu trúc phân cấp chế độ xem, khu vực an toàn chỉ phản ánh phần của chế độ xem bị che khuất. Ví dụ, nếu một cái nhìn hoàn toàn trong khu vực an toàn của xem gốc điều khiển quan điểm của mình, insets cạnh trong khách sạn này là 0.

Theo Apple, Xcode 9 - Release note
Interface Builder sử dụng UIView.safeAreaLayoutGuide như một sự thay thế cho hướng dẫn bố cục Trên cùng và Dưới cùng không được chấp nhận trong UIViewController. Để sử dụng khu vực an toàn mới, chọn Hướng dẫn bố cục khu vực an toàn trong Thanh tra tệp cho trình điều khiển chế độ xem và sau đó thêm các ràng buộc giữa nội dung của bạn và các neo vùng an toàn mới. Điều này ngăn không cho nội dung của bạn bị che khuất bởi các thanh trên cùng và dưới cùng và bởi vùng quá mức trên tvOS. Các ràng buộc đối với khu vực an toàn được chuyển đổi thành Trên cùng và Dưới cùng khi triển khai sang các phiên bản iOS cũ hơn.

Đây là tài liệu tham khảo đơn giản như một sự so sánh (để làm cho hiệu ứng hình ảnh tương tự) giữa hiện (Top & Bottom) Hướng dẫn Layout và Vùng an toàn Layout Hướng dẫn.

Safe Diện tích Layout:

AutoLayout

Dưới đây là Apple Developer Documentation chính thức cho Safe Area Layout Guide

Khu vực an toàn là cần thiết để xử lý thiết kế giao diện người dùng cho iPhone-X. Dưới đây là hướng dẫn cơ bản cho How to design user interface for iPhone-X using Safe Area Layout

Answer 2

Safe Area là một hướng dẫn bố trí. Hướng dẫn bố cục thể hiện phần của chế độ xem không bị che khuất bởi các thanh và nội dung khác. Trong iOS 11, Apple đang ngừng sử dụng các hướng dẫn bố cục trên cùng và dưới cùng và thay thế chúng bằng một hướng dẫn bố cục an toàn.

Apple giới thiệu topLayoutGuide và bottomLayoutGuide là thuộc tính của cách UIViewController trở lại trong iOS 7. Chúng cho phép bạn tạo các ràng buộc để ẩn nội dung khỏi các thanh UIKit như trạng thái, điều hướng hoặc thanh tab. Các hướng dẫn bố cục này không được chấp nhận trong iOS 11 và được thay thế bằng một hướng dẫn bố cục an toàn trong khu vực.

Answer 3

Example link of safe area XIB.

chế nhãn an toàn là -

• Safe Area Layout Guide là UIView bất động sản, khu vực an toàn giúp bạn đặt quan điểm của bạn trong phần hữu hình của giao diện tổng thể.

• Khu vực an toàn không bao gồm thanh điều hướng, thanh tab, thanh công cụ và các chế độ xem tổ tiên khác.

• Sử dụng các khu vực an toàn để hỗ trợ sắp xếp nội dung của bạn.

• Khi thiết kế cho iPhone X, bạn phải đảm bảo rằng bố cục lấp đầy màn hình và không bị che khuất bởi góc tròn, cảm biến của thiết bị hoặc chỉ báo để truy cập Màn hình chính.

• Đảm bảo hình nền mở rộng đến các cạnh của màn hình và bố cục có thể cuộn theo chiều dọc, như bảng và bộ sưu tập, tiếp tục tất cả các cách xuống đáy.

Apple Doc Safe area layoutguide

iPhone X Design Guide