Recherche personnaliséeBarre avec bordure

Question

Des variantes de cette question ont déjà été posées, mais aucune de ces solutions n'a fonctionné pour moi. J'ai fait à la tableViewHeader le searchBar et c'est ce que j'ai jusqu'ici.

Mon code ressemble à ceci:

override func viewDidLoad() { 
    super.viewDidLoad() 
    configureSearchBar() 
    self.tableView.separatorColor = UIColor(red:0.00, green:0.87, blue:0.39, alpha:1.0) 
    // Uncomment the following line to preserve selection between presentations 
    // self.clearsSelectionOnViewWillAppear = false 

    // Uncomment the following line to display an Edit button in the navigation bar for this view controller. 
    // self.navigationItem.rightBarButtonItem = self.editButtonItem 
} 

func configureSearchBar() { 
    searchController.searchBar.delegate = self 
    searchController.dimsBackgroundDuringPresentation = false 
    searchController.hidesNavigationBarDuringPresentation = false 
    searchController.searchBar.placeholder = "Search Companies" 
    definesPresentationContext = true 
    tableView.tableHeaderView = searchController.searchBar 
    searchController.searchBar.barTintColor = UIColor.white 

    //makes border for search box and gives color and rounded 
    //searchController.searchBar.layer.borderColor = UIColor(red:0.00, green:0.87, blue:0.39, alpha:1.0).cgColor 
    //searchController.searchBar.layer.borderWidth = 2.0 
    //searchController.searchBar.layer.cornerRadius = 15.0 

} 

Et je suis en train de construire cela, mais jusqu'à présent j'ai échoué

What I am trying to build

Si j'essaie ceci:

searchController.searchBar.layer.borderColor = UIColor(red:0.00, green:0.87, blue:0.39, alpha:1.0).cgColor 
    searchController.searchBar.layer.borderWidth = 1.0 
    searchController.searchBar.layer.cornerRadius = 15.0 
    searchController.searchBar.clipsToBounds = true 

Ça finit par ressembler à ceci, c'est exactement ce que je cherche.

What it ends up looking like

Merci pour votre aide à l'avance

Answer 1

I était capable de le faire fonctionner comme ça. Au lieu de changer la taille de l'en-tête, ce qui devait être changé était la taille de la zone de texte dans la barre de recherche.

func configureSearchBarTextField() { 
    for subView in searchController.searchBar.subviews { 
     for subsubView in subView.subviews { 
      if let textField = subsubView as? UITextField { 
       var bounds: CGRect 
       bounds = textField.frame 
       bounds.size.height = 35 //(set height whatever you want) 
       textField.bounds = bounds 
       textField.layer.cornerRadius = 5 
       textField.layer.borderWidth = 1.0 
       textField.layer.borderColor = UIColor(red:0.00, green:0.87, blue:0.39, alpha:1.0).cgColor 
       textField.backgroundColor = UIColor.white 
      } 
     } 
    } 
} 

Answer 2

Cela fonctionne pour moi

self.searchBar.layer.borderColor = UIColor.cyan.cgColor 
self.searchBar.layer.borderWidth = 1 
self.searchBar.layer.cornerRadius = 5.0 
self.searchBar.clipsToBounds = true 

et le délégué à jour la hauteur de l'en-tête:

override func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { 
    return 200 
}