Bilah status dan bilah navigasi muncul di atas batas tampilan saya di iOS 7

Baru-baru ini saya mengunduh Xcode 5 DP untuk menguji aplikasi saya di iOS 7. Hal pertama yang saya perhatikan dan konfirmasi adalah bahwa batas tampilan saya tidak selalu diubah ukurannya menjadi akun untuk bilah status dan bilah navigasi.

Di viewDidLayoutSubviews, saya mencetak batas tampilan:

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

Ini menghasilkan konten saya yang muncul di bawah bilah navigasi dan bilah status.

Saya tahu saya bisa memperhitungkan ketinggian sendiri dengan mendapatkan ketinggian layar utama, mengurangi ketinggian bilah status dan tinggi bilah navigasi, tapi itu sepertinya pekerjaan tambahan yang tidak perlu.

Bagaimana saya bisa memperbaiki masalah ini?

Memperbarui:

Saya telah menemukan solusi untuk masalah khusus ini. Setel properti tembus bilah navigasi ke NO:

self.navigationController.navigationBar.translucent = NO;

Ini akan memperbaiki tampilan agar tidak dibingkai di bawah bilah navigasi dan bilah status.

Namun, saya belum menemukan perbaikan untuk kasus ini ketika Anda ingin bilah navigasi menjadi tembus. Sebagai contoh, melihat foto layar penuh, saya ingin memiliki panel navigasi transparan, dan tampilan yang akan dibingkai di bawahnya. Itu bekerja, tetapi ketika saya beralih menampilkan / menyembunyikan bilah navigasi, saya telah mengalami hasil yang lebih aneh. Subview pertama (a UIScrollView) mendapatkan batasannya y asalnya berubah setiap kali.

Anda dapat mencapai ini dengan menerapkan properti baru yang disebut edgesForExtendedLayoutdi iOS7 SDK. Silakan tambahkan kode berikut untuk mencapai ini,

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

Anda perlu menambahkan hal di atas dalam -(void)viewDidLoadmetode Anda .

iOS 7 membawa beberapa perubahan pada bagaimana Anda mengatur dan menyesuaikan tampilan UI . Perubahan tata letak pengontrol tampilan, warna warna, dan font mempengaruhi semua objek UIKit di aplikasi Anda. Selain itu, penyempurnaan API pengenal gerakan memberi Anda kontrol yang lebih baik atas interaksi gerakan.

Menggunakan View Controllers

Di iOS 7, pengendali tampilan menggunakan tata letak layar penuh. Pada saat yang sama, iOS 7 memberi Anda lebih banyak kontrol granular atas cara pengontrol tampilan menjabarkan pandangannya. Secara khusus, konsep tata letak layar penuh telah disempurnakan untuk membiarkan pengontrol tampilan menentukan tata letak setiap tepi tampilan.

Properti wantsFullScreenLayoutview controller sudah tidak digunakan lagi di iOS 7. Jika saat ini Anda menentukanwantsFullScreenLayout = NO , controller tampilan dapat menampilkan kontennya di lokasi layar yang tidak terduga ketika dijalankan di iOS 7.

Untuk menyesuaikan cara pengontrol tampilan menjabarkan pandangannya, UIViewController sediakan properti berikut:

• edgeForExtendedLayout

The edgesForExtendedLayoutproperti menggunakan UIRectEdgejenis, yang menentukan masing-masing persegi panjang empat tepi, selain tak dan semua menentukan. Gunakan edgesForExtendedLayoutuntuk menentukan tepi mana dari tampilan yang harus diperluas, terlepas dari bar transparan. Secara default, nilai properti ini adalah UIRectEdgeAll.

• extendedLayoutIncludesOpaqueBars

Jika desain Anda menggunakan bilah buram, sempurnakan edgesForExtendedLayoutdengan juga menyetel extendedLayoutIncludesOpaqueBarsproperti ke NO . (Nilai default extendedLayoutIncludesOpaqueBarsadalah NO .)

• secara otomatisAdjustsScrollViewInsets

Jika Anda tidak ingin inset konten tampilan gulir disesuaikan secara otomatis, atur automaticallyAdjustsScrollViewInsetske NO . (Nilai default automaticallyAdjustsScrollViewInsetsadalah YA .)

• topLayoutGuide, bottomLayoutGuide

The topLayoutGuidedan bottomLayoutGuideproperti menunjukkan lokasi tepi bar atas atau bawah dalam tampilan pengontrol tampilan. Jika bilah harus tumpang tindih bagian atas atau bawah tampilan, Anda dapat menggunakan Interface Builder untuk memposisikan tampilan relatif terhadap bar dengan membuat kendala di bagian bawah topLayoutGuideatau ke bagian bawahLayoutGuide. (Jika tidak ada bar yang tumpang tindih dengan tampilan, bagian bawah topLayoutGuidesama dengan bagian atas tampilan dan bagian atas bottomLayoutGuidesama dengan bagian bawah tampilan.) Kedua properti dibuat dengan malas saat diminta.

Silakan lihat, apple doc

Anda tidak perlu menghitung seberapa jauh untuk menggeser semuanya, ada properti build untuk ini. Di Pembuat Antarmuka, sorot pengontrol tampilan Anda, lalu navigasikan ke inspektur atribut. Di sini Anda akan melihat beberapa kotak centang di sebelah kata "Extend Edges". Seperti yang Anda lihat, pada tangkapan layar pertama, pilihan default adalah konten muncul di bawah bilah atas dan bawah, tetapi tidak di bawah bilah buram, itulah sebabnya pengaturan gaya bilah agar tidak tembus bekerja untuk Anda.

Seperti yang dapat Anda lihat pada tangkapan layar pertama, ada dua elemen UI yang bersembunyi di bawah bilah navigasi. (Saya telah mengaktifkan wireframes di IB untuk menggambarkan hal ini) Elemen-elemen ini, sebuah UIButton dan UISegmentedControl keduanya memiliki asal "y" yang diatur ke nol, dan pengontrol tampilan diatur untuk memungkinkan konten di bawah bilah atas.

Tangkapan layar kedua ini menunjukkan apa yang terjadi ketika Anda membatalkan centang pada kotak "Di Bawah Bilah Atas". Seperti yang Anda lihat, tampilan pengontrol tampilan telah digeser ke bawah dengan tepat agar asalnya berada tepat di bawah bilah navigasi.

Ini juga dapat dicapai secara terprogram melalui penggunaan -[UIViewController edgesForExtendedLayout]. Berikut ini tautan ke referensi kelas untuk edgeForExtendedLayout , dan untuk UIRectEdge

[self setEdgesForExtendedLayout:UIRectEdgeNone];

Saya membuat tampilan saya secara terprogram dan ini akhirnya berhasil untuk saya:

- (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;
    }
}

Sumber (di bagian topLayoutGuide di bagian bawah hal.39).

Solusi Swift 3 / Swift 4 yang juga berfungsi dengan file NIB / XIB di iOS 10+:

override func viewDidLoad() {
    super.viewDidLoad()

    edgesForExtendedLayout = []
}

Jika Anda ingin tampilan memiliki bilah nav transparan (yang agak menyenangkan) Anda harus mengatur contentInset atau yang serupa.

Inilah cara saya melakukannya:

// 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);
}

edgesForExtendedLayoutmelakukan trik untuk iOS 7. Namun, jika Anda membangun aplikasi di iOS 7 SDK dan menyebarkannya di iOS 6, bilah navigasi tampak transparan dan pandangan di bawahnya. Jadi, untuk memperbaikinya untuk iOS 7 maupun untuk iOS 6 lakukan ini:

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

Di file aplikasi plist Anda tambahkan satu baris, sebut saja "Lihat tampilan bilah status berbasis-pengontrol" dan setel ke NO .

Trik paling sederhana adalah membuka file NIB dan melakukan dua langkah sederhana ini:

1. Cukup aktifkan dan atur sesuai keinginan:

2. Pilih UIView's / UIIMageView's / ... yang ingin Anda turunkan. Dalam kasus saya hanya logo yang tumpang tindih dan saya telah mengatur delta ke +15; (ATAU -15 jika Anda memilih iOS 7 pada langkah 1)

Dan hasilnya :

Solusi Cepat:

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

Saya ingin memperluas jawaban Stunner, dan menambahkan ifpernyataan untuk memeriksa apakah itu iOS-7, karena ketika saya mengujinya di iOS 6 aplikasi saya akan macet.

Penambahan akan menambahkan:

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

Jadi saya sarankan menambahkan metode ini ke MyViewControler.mfile Anda :

- (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;
    }
}

Cepat 3

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

Saya memiliki skenario di mana saya menggunakan BannerViewController yang ditulis oleh Apple untuk menampilkan iklan saya dan ScrollViewController yang tertanam dalam BannerViewController.

Untuk mencegah bilah navigasi menyembunyikan konten saya, saya harus membuat dua perubahan.

1) Ubah BannerViewController.m

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

2) Ubah ScrollViewContoller saya

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

Sekarang iklan ditampilkan dengan benar di bagian bawah tampilan alih-alih ditutupi oleh bilah Navigasi dan konten di atas tidak terpotong.

cukup atur kode berikut ini dalam tampilan akan muncul.

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

buat batasan untuk Top Layout seperti ini

Swift 4.2 - Xcode 10.0 - iOS 12.0:

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

Bagi saya, solusi paling sederhana adalah menambahkan dua kunci ke dalam plist

Tambahkan kunci "Lihat tampilan bilah status berbasis Kontroler" dari dropdownlist sebagai baris dalam info.plist. Sesuatu seperti ini:

Saya memiliki masalah yang sama dengan aplikasi saya dengan iPads (armv7, armv7s, amr64) hanya dengan menghadirkan UIViewController lain dan setelah memberhentikan mereka pergi nav bar di bawah status bar ... Saya menghabiskan banyak waktu untuk menemukan solusi untuk itu. Saya menggunakan storyboard dan di InterfaceBuilder untuk UIViewController yang membuat saya mengatur Presentasi dari FullScreen -> Konteks Saat Ini dan itu memperbaiki masalah ini. Ini berfungsi di aplikasi saya hanya untuk iPads => iOS8.0 (pengujian dengan iOS8.1) dan untuk iPad dengan iOS 7.1 tidak berfungsi !!

Langkah-langkah Untuk Menyembunyikan bilah status di iOS 7:

1. Buka file info.plist aplikasi Anda.

2.Dan Atur, Lihat tampilan status berbasis pengontrol: Boolean NO

Semoga saya memecahkan masalah status bar .....

Dalam kasus saya memuat loadView () terputus
kode ini: self.edgesForExtendedLayout = UIRectEdgeNone

tapi setelah menghapus loadView () semuanya bekerja dengan baik