iOS 13 celah pengontrol pencarian yang aneh

Pengaturan

extendedLayoutIncludesOpaqueBars = true

di UIViewController yang digunakan untuk menampilkan hasil pencarian, perbaiki masalah saya.

Kami memiliki masalah yang sama dan solusinya adalah menyetel Di Bawah Bilah Buram (karena kami menggunakan bilah buram)

Kami sudah mencentang Atas dan Bawah, menambahkan yang ketiga memindahkan pengontrol hasil pencarian ke lokasi yang benar.

Bagi saya masalahnya adalah UISearchController tidak memperbarui bingkainya ketika bilah pencarian dipindahkan ke atas. Saya memperbaikinya dengan mengatur bingkai UISearchController ke bingkai pengontrol tampilan yang disajikan.

extension UISearchController {
    open override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        if let presentingVC = self.presentingViewController {
            DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
                self.view.frame = presentingVC.view.frame
            }
        }
    }
}

Dalam viewWillAppear, animasi bilah pencarian tidak dimulai sehingga Anda harus menunggu sepersekian detik. Saat animasi dimulai, bingkai penyajian VC disetel ke nilai yang benar dan kemudian Anda dapat memperbarui bingkai UISearchController Anda. Solusinya adalah peretasan tetapi berfungsi dengan baik untuk saya.

Akhirnya bisa melewati masa sulit. Hanya untuk membuat pengontrol pertama berisi UISearchController yang memiliki bilah navigasi tembus pandang. Bekerja untuk saya dengan sempurna!

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        self.navigationController?.navigationBar.isTranslucent = true
    }

    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillAppear(animated)

        self.navigationController?.navigationBar.isTranslucent = false
    }

extendedLayoutIncludesOpaqueBars = true memang membantu sampai batas tertentu.

Bersamaan dengan ini, saya harus memperbarui

navigationController?.navigationBar.prefersLargeTitles = false

saat kami mulai mencari dan menyetelnya kembali ke true saat bilah pencarian ditutup.

FYI Saya mengajukan laporan bug ke Apple - menurut presentasi WWDC yang menjelaskan versi baru -SearchController yang ditulis dan beberapa pembaruan UI lainnya, sepertinya arsitektur SearchController telah ditulis ulang dari awal. Saya tidak percaya bahwa kesenjangan yang kita lihat ini adalah perilaku yang diharapkan - Saya telah menyia-nyiakan waktu dua hari untuk mencoba melewati hal ini, dan ternyata tidak. mengganggu lebih jauh - aplikasi toko aplikasi saya adalah aplikasi gratis yang memiliki sejumlah pengguna dan saya tidak dapat meluangkan waktu untuk melacak perubahan/perilaku di API selama periode beta, saya agak bosan dengan Apple yang melakukan hal semacam ini hal setiap tahunnya.

1. Seperti disebutkan dalam jawaban di atas, setel bendera Perluas Tepi Di Bawah Bilah Buram sebagai Aktif untuk UIViewController yang menyajikan hasil pencarian. Bagi saya itu tidak cukup karena saya menggunakan bilah navigasi yang TIDAK tembus cahaya.
2. Jadi saya menambahkan implementasi berikut untuk metode UISearchControllerDelegate:

    - (void)willPresentSearchController:(UISearchController *)searchController
    {
        if (@available(iOS 13.0, *))
        {
            self.navigationController.navigationBar.translucent = YES;
        }
    }

    - (void)willDismissSearchController:(UISearchController *)searchController
    {
        if (@available(iOS 13.0, *))
        {
            self.navigationController.navigationBar.translucent = NO;
        }
    }

Menggunakan .asyncAfter(deadline: .now() + 0.1) akan menyebabkan kesalahan pada UI. Untuk menghilangkannya, hilangkan tenggat waktu! Menggunakan DispatchQueue.main.async sudah cukup.

extension UISearchController {
    open override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        if let presentingVC = self.presentingViewController {
            DispatchQueue.main.async {
                self.view.frame = presentingVC.view.frame
            }
        }
    }
}

Solusi termudah adalah dengan mengatur ini di searchResultsController Anda:

searchResultsController.edgesForExtendedLayout = UIRectEdgeNone;

Anda harus menyetel NavigationBar.standardAppearance milik Anda ke objek UINavigationBarAppearance yang menjelaskan latar belakang putih.

if #available(iOS 13.0, *) {
        let appearance = UINavigationBarAppearance()
        appearance.backgroundColor = .white
        self.navigationController?.navigationBar.standardAppearance = appearance
}

Saya akhirnya menyelesaikan ini dengan mengganti UISearchController dengan UISearchBar sederhana.

Mungkin bukan jawaban yang ingin Anda dengar, tetapi UISsearchController sudah berantakan di iOS12, kode yang sama di iOS13 berfungsi tetapi memberikan artefak UI yang buruk. Seperti bilah pencarian yang menghilang atau tumpang tindih dengan header, spasi antara bilah pencarian dan elemen pertama tabel, atau menyembunyikan item daftar pertama di bawah tombol cakupan, ... Semua masalah berbeda antara iOS12 dan 13, tetapi tidak pernah terlihat bagus.

Jadi secara keseluruhan saya menghabiskan 6 jam mencoba memperbaiki pengontrol pencarian, gagal, kemudian menghabiskan 30 menit untuk bermigrasi ke Searchbar.

Saya menambahkan UISearchBar hanya menggunakan Interface Builder di Xcode10.3. Untuk pemfaktoran ulang, sebagian besar saya harus mengganti searchController.searchBar.xx dengan searchBar.xx . Upaya utamanya adalah menerapkan kembali UISeachBarDelegates. Hanya untuk menampilkan tombol cakupan dan tombol batal saat pengguna mencari, dan menghapusnya setelahnya. Kode di bawah ini memberikan gambaran bagus tentang apa yang saya lakukan:

class MasterViewController: UITableViewController, NSFetchedResultsControllerDelegate {

  var fetchedItemsController: NSFetchedResultsController<Item>! = NSFetchedResultsController()

  @IBOutlet weak var searchBar: UISearchBar! //hooked up to IB
  //GONE IS: let searchController = UISearchController(searchResultsController: nil)


  override func viewDidLoad() {
    super.viewDidLoad()

    initializeFetchedResultsControllerForItems()

    //Enable search controller
    searchBar.scopeButtonTitles = [NSLocalizedString("Name", comment: ""),
                                   NSLocalizedString("Birthdate", comment: ""),
                                   NSLocalizedString("Employer", comment: "")    ]
    searchBar.placeholder = NSLocalizedString("Search", comment: "")
    searchBar.delegate = self
    searchBar.showsScopeBar = false
    searchBar.showsCancelButton = false

    tableView.contentInsetAdjustmentBehavior = .automatic
    self.tableView.tableHeaderView = searchBar //add the searchbar as tableheader view

    self.initializeFetchedResultsControllerForItems()

  }

  // MARK: - Data loading from CoreData
  private func initializeFetchedResultsControllerForItems(searchText: String = "", scopeIndex: Int = 0) {
    //print("FETCH RESULTS WITH FILTER: \(searchText) en SCOPE: \(scopeIndex)")
    //Do whatever searches you need to do to update the FetchedResultsController
    //..
    self.tableView.reloadData()
  }
}

extension MasterViewController: UISearchBarDelegate {  //the delegates for the searchbar
  func searchBarTextDidBeginEditing(_ searchBar: UISearchBar) {
    searchBar.showsScopeBar = true  //show the scopebar when users adds text to searchbar
    searchBar.showsCancelButton = true //also show the cancel button
    searchBar.sizeToFit()
    self.tableView.reloadData() //since the scopebar is there, the table needs to move a bit down

  }
  func searchBarTextDidEndEditing(_ searchBar: UISearchBar) {
  }
  func searchBar(_ searchBar: UISearchBar, textDidChange searchText: String) {
    initializeFetchedResultsControllerForItems(searchText: searchBar.text!, scopeIndex: searchBar.selectedScopeButtonIndex)
  }
  func searchBar(_ searchBar: UISearchBar, selectedScopeButtonIndexDidChange selectedScope: Int) {
    switch (selectedScope) {
    case 0: searchBar.placeholder = NSLocalizedString("Seach on name", comment: "")
    case 1: searchBar.placeholder = NSLocalizedString("Search on birthdate", comment: "")
    case 2: searchBar.placeholder = NSLocalizedString("Search on employer", comment: "")
    default: searchBar.placeholder = NSLocalizedString("Search", comment: "")

    searchBar.showsScopeBar = true
    searchBar.sizeToFit()
    }

    initializeFetchedResultsControllerForItems(searchText: searchBar.text!, scopeIndex: selectedScope)
  }
  func searchBarCancelButtonClicked(_ searchBar: UISearchBar) {
    searchBar.placeholder = NSLocalizedString("Search", comment: "")
    searchBar.showsScopeBar = false
    searchBar.showsCancelButton = false
    searchBar.endEditing(true)
    searchBar.text = ""
    searchBar.sizeToFit()
    initializeFetchedResultsControllerForItems(searchText: searchBar.text!, scopeIndex: searchBar.selectedScopeButtonIndex)
  }
}

Hanya membawa solusi saya. Dalam hal ini:

edgesForExtendedLayout = .all

pada UIViewController yang berisi UISearchController berfungsi.

//MARK: - Properties
var presenter: ExplorePresenting?
var searchController: UISearchController?
var searchUpdater: SearchUpdating?


//MARK: - Lifecycle methods
public override func viewDidLoad() {
    super.viewDidLoad()

    headerTitle = "explore".localised
    tableView.allowsSelection = false
    registerCell(cellClass: ExploreTableViewCell.self, with: tableView)

    if let searchController = searchController {

        searchController.searchBar.delegate = self
        searchController.searchResultsUpdater = self
        searchController.obscuresBackgroundDuringPresentation = false
        searchController.searchBar.placeholder = "explore_search_placeholder".localised

        definesPresentationContext = true
        navigationItem.hidesSearchBarWhenScrolling = false
        navigationItem.searchController = searchController
        edgesForExtendedLayout = .all

    }

    presenter?.viewReady()

}