Thanh trạng thái và thanh điều hướng xuất hiện trên giới hạn chế độ xem của tôi trong iOS 7

Gần đây tôi đã tải xuống Xcode 5 DP để kiểm tra các ứng dụng của mình trong iOS 7. Điều đầu tiên tôi nhận thấy và xác nhận là giới hạn của chế độ xem của tôi không phải lúc nào cũng được thay đổi kích thước để tính đến thanh trạng thái và thanh điều hướng.

Trong viewDidLayoutSubviews, tôi in giới hạn của khung nhìn:

{{0, 0}, {320, 568}}

Điều này dẫn đến nội dung của tôi xuất hiện bên dưới thanh điều hướng và thanh trạng thái.

Tôi biết tôi có thể tự tính toán chiều cao bằng cách lấy chiều cao của màn hình chính, trừ đi chiều cao của thanh trạng thái và chiều cao của thanh điều hướng, nhưng dường như đó là công việc phụ không cần thiết.

Làm thế nào tôi có thể khắc phục vấn đề này?

Cập nhật:

Tôi đã tìm thấy một giải pháp cho vấn đề cụ thể này. Đặt thuộc tính mờ của thanh điều hướng thành NO:

self.navigationController.navigationBar.translucent = NO;

Điều này sẽ sửa chế độ xem khỏi bị đóng khung bên dưới thanh điều hướng và thanh trạng thái.

Tuy nhiên, tôi chưa tìm thấy bản sửa lỗi cho trường hợp khi bạn muốn thanh điều hướng trong mờ. Ví dụ, xem ảnh toàn màn hình, tôi muốn có thanh điều hướng mờ và chế độ xem được đóng khung bên dưới nó. Điều đó hoạt động, nhưng khi tôi chuyển đổi hiển thị / ẩn thanh điều hướng, tôi đã trải nghiệm kết quả thậm chí xa lạ. Subview đầu tiên (một UIScrollView) có giới hạn y gốc của nó thay đổi mỗi lần.

Bạn có thể đạt được điều này bằng cách triển khai một thuộc tính mới có tên edgesForExtendedLayouttrong SDK iOS7. Vui lòng thêm mã sau đây để đạt được điều này,

if ([self respondsToSelector:@selector(edgesForExtendedLayout)])
        self.edgesForExtendedLayout = UIRectEdgeNone;

Bạn cần thêm ở trên trong -(void)viewDidLoadphương pháp của bạn .

iOS 7 mang đến một số thay đổi về cách bạn bố trí và tùy chỉnh giao diện của UI . Những thay đổi trong bố cục của trình điều khiển chế độ xem, màu sắc và phông chữ ảnh hưởng đến tất cả các đối tượng UIKit trong ứng dụng của bạn. Ngoài ra, các cải tiến đối với API nhận dạng cử chỉ cho phép bạn kiểm soát chi tiết hơn đối với các tương tác cử chỉ.

Sử dụng bộ điều khiển xem

Trong iOS 7, bộ điều khiển xem sử dụng bố cục toàn màn hình. Đồng thời, iOS 7 cung cấp cho bạn quyền kiểm soát chi tiết hơn đối với cách trình điều khiển chế độ xem đưa ra các chế độ xem. Cụ thể, khái niệm bố cục toàn màn hình đã được tinh chỉnh để cho phép bộ điều khiển chế độ xem chỉ định bố cục của từng cạnh của chế độ xem.

Các wantsFullScreenLayoutthuộc tính view controller bị phản đối trong iOS 7. Nếu bạn đang xác định wantsFullScreenLayout = NO, bộ điều khiển xem có thể hiển thị nội dung của nó ở một vị trí màn hình bất ngờ khi nó chạy trong iOS 7.

Để điều chỉnh cách trình điều khiển khung nhìn hiển thị các khung nhìn của nó, UIViewController cung cấp các thuộc tính sau:

• edgeForExtendsLayout

Các edgesForExtendedLayoutbất động sản sử dụng các UIRectEdgeloại, trong đó quy định cụ thể mỗi người trong số bốn cạnh của một hình chữ nhật, ngoài việc xác định không và tất cả. Sử dụng edgesForExtendedLayoutđể chỉ định các cạnh của chế độ xem nên được mở rộng, bất kể độ mờ của thanh. Theo mặc định, giá trị của tài sản này là UIRectEdgeAll.

• ExtendedLayoutIncludesOpaqueBars

Nếu thiết kế của bạn sử dụng các thanh mờ, hãy tinh chỉnh edgesForExtendedLayoutbằng cách đặt thuộc extendedLayoutIncludesOpaqueBarstính thành NO . (Giá trị mặc định extendedLayoutIncludesOpaqueBarslà NO .)

• tự độngAdjustScrollViewInsets

Nếu bạn không muốn các bộ chèn nội dung của chế độ xem cuộn được tự động điều chỉnh, hãy đặt automaticallyAdjustsScrollViewInsetsthành KHÔNG . (Giá trị mặc định automaticallyAdjustsScrollViewInsetslà CÓ .)

• topLayoutGuide, bottomLayoutGuide

Các thuộc tính topLayoutGuidevà bottomLayoutGuidechỉ ra vị trí của các cạnh của thanh trên cùng hoặc dưới cùng trong chế độ xem của bộ điều khiển xem. Nếu các thanh phải chồng lên trên cùng hoặc dưới cùng của chế độ xem, bạn có thể sử dụng Trình tạo giao diện để định vị chế độ xem so với thanh bằng cách tạo các ràng buộc ở dưới cùng topLayoutGuidehoặc trên đỉnh của bottomLayoutGuide. (Nếu không có thanh nào chồng lên chế độ xem, phần dưới cùng của topLayoutGuide cùng giống với phần trên của chế độ xem và phần trên bottomLayoutGuidecùng giống với phần dưới của chế độ xem.) Cả hai thuộc tính được tạo một cách lười biếng khi được yêu cầu.

Vui lòng tham khảo, táo doc

Bạn không cần phải tính toán bao xa để thay đổi mọi thứ, có một tài sản cho việc này. Trong Trình tạo giao diện, tô sáng trình điều khiển chế độ xem của bạn, rồi điều hướng đến trình kiểm tra thuộc tính. Ở đây bạn sẽ thấy một số hộp kiểm bên cạnh dòng chữ "Mở rộng các cạnh". Như bạn có thể thấy, trong ảnh chụp màn hình đầu tiên, lựa chọn mặc định là cho nội dung xuất hiện dưới các thanh trên cùng và dưới cùng, nhưng không phải dưới các thanh mờ, đó là lý do tại sao cài đặt kiểu thanh thành không mờ cho bạn.

Như bạn có thể thấy phần nào trong ảnh chụp màn hình đầu tiên, có hai thành phần UI ẩn bên dưới thanh điều hướng. (Tôi đã kích hoạt khung lưới trong IB để minh họa điều này) Các yếu tố này, UIButton và UISegmentedControl đều có gốc "y" được đặt thành 0 và bộ điều khiển chế độ xem được đặt để cho phép nội dung bên dưới thanh trên cùng.

Ảnh chụp màn hình thứ hai này cho thấy những gì xảy ra khi bạn bỏ chọn hộp kiểm "Dưới thanh trên cùng". Như bạn có thể thấy, khung nhìn của bộ điều khiển khung nhìn đã được chuyển xuống một cách thích hợp để gốc y của nó nằm ngay bên dưới thanh điều hướng.

Điều này cũng có thể được thực hiện theo chương trình thông qua việc sử dụng -[UIViewController edgesForExtendedLayout]. Đây là một liên kết đến tham chiếu lớp cho edgeForExtendsLayout và cho UIRectEdge

[self setEdgesForExtendedLayout:UIRectEdgeNone];

Tôi đã tạo ra quan điểm của mình theo lập trình và điều này đã kết thúc với tôi:

- (void) viewDidLayoutSubviews {
    // only works for iOS 7+
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect viewBounds = self.view.bounds;
        CGFloat topBarOffset = self.topLayoutGuide.length;

        // snaps the view under the status bar (iOS 6 style)
        viewBounds.origin.y = topBarOffset * -1;

        // shrink the bounds of your view to compensate for the offset
        viewBounds.size.height = viewBounds.size.height + (topBarOffset * -1);
        self.view.bounds = viewBounds;
    }
}

Nguồn (trong phần topLayoutGuide ở cuối trang 39).

Giải pháp Swift 3 / Swift 4 cũng hoạt động với các tệp NIB / XIB trong iOS 10+:

override func viewDidLoad() {
    super.viewDidLoad()

    edgesForExtendedLayout = []
}

Nếu bạn muốn chế độ xem có thanh điều hướng mờ (loại này đẹp), bạn phải thiết lập một ContentInset hoặc tương tự.

Đây là cách tôi làm điều đó:

// Check if we are running on ios7
if([[[[UIDevice currentDevice] systemVersion] componentsSeparatedByString:@"."][0] intValue] >= 7) {
      CGRect statusBarViewRect = [[UIApplication sharedApplication] statusBarFrame];
      float heightPadding = statusBarViewRect.size.height+self.navigationController.navigationBar.frame.size.height;

      myContentView.contentInset = UIEdgeInsetsMake(heightPadding, 0.0, 0.0, 0.0);
}

edgesForExtendedLayoutthực hiện thủ thuật cho iOS 7. Tuy nhiên, nếu bạn xây dựng ứng dụng trên SDK iOS 7 và triển khai nó trong iOS 6, thanh điều hướng sẽ xuất hiện mờ và các chế độ xem nằm bên dưới nó. Vì vậy, để khắc phục nó cho cả iOS 7 cũng như iOS 6, hãy làm điều này:

self.navigationController.navigationBar.barStyle = UIBarStyleBlackOpaque;
if ([self respondsToSelector:@selector(edgesForExtendedLayout)])
    self.edgesForExtendedLayout = UIRectEdgeNone;   // iOS 7 specific

Trong tệp ứng dụng của bạn, hãy thêm một hàng, gọi nó là "Xem sự xuất hiện của thanh trạng thái dựa trên bộ điều khiển" và đặt thành KHÔNG .

Thủ thuật đơn giản nhất là mở tệp NIB và thực hiện hai bước đơn giản sau:

1. Chỉ cần chuyển nó và đặt nó thành cái bạn thích:

2. Chọn những / UIMiew's / UIIMageView's / ... mà bạn muốn được chuyển xuống. Trong trường hợp của tôi, chỉ có logo bị chồng chéo và tôi đã đặt delta là +15; (HOẶC -15 nếu bạn chọn iOS 7 ở bước 1)

Và kết quả :

Giải pháp nhanh chóng:

override func viewWillAppear(animated: Bool) {
    super.viewWillAppear(animated)
    self.edgesForExtendedLayout = UIRectEdge.None
}

Tôi muốn mở rộng câu trả lời của Stunner và thêm một if tuyên bố để kiểm tra xem đó có phải là iOS-7 không, vì khi tôi thử nghiệm nó trên iOS 6, ứng dụng của tôi sẽ bị sập.

Việc bổ sung sẽ được thêm vào:

if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0)

Vì vậy, tôi sẽ đề nghị thêm phương pháp này vào MyViewControler.mtập tin của bạn :

- (void) viewDidLayoutSubviews {
    if ([[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0) {
        CGRect viewBounds = self.view.bounds;
        CGFloat topBarOffset = self.topLayoutGuide.length;
        viewBounds.origin.y = topBarOffset * -1;
        self.view.bounds = viewBounds;
    }
}

Swift 3

override func viewWillAppear(_ animated: Bool) {
    self.edgesForExtendedLayout = []
}

Tôi có một kịch bản trong đó tôi sử dụng BannerViewControll do Apple viết để hiển thị quảng cáo của mình và ScrollViewControll được nhúng trong BannerViewControll.

Để ngăn thanh điều hướng ẩn nội dung của tôi, tôi phải thực hiện hai thay đổi.

1) Sửa đổi BannerViewControll.m

- (void)viewDidLoad
{
   [super viewDidLoad];
   float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
   if (systemVersion >= 7.0) {
      self.edgesForExtendedLayout = UIRectEdgeNone;
   }
}

2) Sửa đổi ScrollViewContoller của tôi

- (void)viewDidLoad
{
    [super viewDidLoad];
    float systemVersion = [[[UIDevice currentDevice] systemVersion] floatValue];
    if (systemVersion >= 7.0) {
        self.edgesForExtendedLayout = UIRectEdgeBottom;
    }
}

Bây giờ quảng cáo hiển thị chính xác ở cuối chế độ xem thay vì được bao phủ bởi thanh Điều hướng và nội dung ở trên cùng không bị cắt bỏ.

chỉ cần đặt mã sau đây trong chế độ xem sẽ xuất hiện.

  if ([[[UIDevice currentDevice] systemVersion] floatValue]<= 7) {
self.edgesForExtendedLayout = UIRectEdgeNone;
 }

tạo một ràng buộc cho Bố cục hàng đầu như thế này

Swift 4.2 - Xcode 10.0 - iOS 12.0:

if #available(iOS 11.0, *) {} else {
  self.edgesForExtendedLayout = []
  self.navigationController?.view.backgroundColor = .white
}

Đối với tôi, giải pháp đơn giản nhất là thêm hai khóa vào bảng

Thêm khóa "Xem giao diện thanh trạng thái dựa trên Bộ điều khiển" từ danh sách thả xuống dưới dạng một hàng info.plist. Một cái gì đó như thế này:

Tôi đã gặp vấn đề tương tự với ứng dụng của mình bởi iPad (armv7, armv7s, amr64) chỉ bằng cách trình bày một UIViewContoder khác và sau khi loại bỏ chúng đi vào thanh điều hướng dưới thanh trạng thái ... Tôi dành nhiều thời gian để tìm bất kỳ giải pháp nào cho điều đó. Tôi đang sử dụng bảng phân cảnh và trong InterfaceBuilder cho UIViewControll, điều này khiến tôi đặt bản trình bày từ FullScreen -> Bối cảnh hiện tại và nó khắc phục vấn đề này. Nó chỉ hoạt động trong ứng dụng của tôi cho iPad => iOS8.0 (thử nghiệm với iOS8.1) và cho iPad với iOS 7.1 không hoạt động !!

Các bước để ẩn thanh trạng thái trong iOS 7:

1.Đi tới tập tin thông tin ứng dụng của bạn.

2.And Set, Xem giao diện thanh trạng thái dựa trên bộ điều khiển: Boolean NO

Hy vọng tôi đã giải quyết vấn đề thanh trạng thái .....

Trong trường hợp của tôi có loadView () bị gián đoạn
mã này: self.edgesForExtendsLayout = UIRectEdgeNone

nhưng sau khi xóa loadView () mọi thứ đều hoạt động tốt