UISearchBar niestandardowe rogi

Question

Próbuję utworzyć pasek wyszukiwarki tak:

Ale ja widząc, że jestem prawdopodobnie będzie musiał wymienić pasek wyszukiwania z własnego wizerunku, ponieważ rogi pasek wyszukiwania wychodzi źle kiedy ustawić:

self.searchController.searchBar.layer.cornerRadius = 50 // I've tried other numbers besides this too with no luck 
self.searchController.searchBar.clipsToBounds = true 

Jeżeli ustawić to:

self.searchController.searchBar.layer.cornerRadius = self.searchController.searchBar.bounds.height/2 

Pasek wyszukiwania wychodzi tak:

która wciąż nie jest dokładna jak w obrazie.

Czy istnieje sposób na zastąpienie lewej i prawej strony pola tekstowego obrazem w taki sposób, że mogę używać zaokrąglonych rogów z mojego niestandardowego paska wyszukiwania?

Answer 1

Problem polega na tym, że ustawiasz promień narożnika na pasku UISearch, a nie w polu UITextField wewnątrz niego. Możesz zrobić jakiś hack, aby uzyskać UITextField, ale to nie jest naprawdę zalecane.

Jak wspomniano w pytaniu, trzeba użyć własnych obrazów i przedstawiono metody tutaj: https://developer.apple.com/library/ios/documentation/UIKit/Reference/UISearchBar_Class/#//apple_ref/doc/uid/TP40007529-CH3-SW40

Answer 2

To działa na mnie w szybkim 3 iOS 10:

searchController.searchBar.layer.cornerRadius = 20 
    searchController.searchBar.clipsToBounds = true 

Answer 3

Używam tego kodu UISearchBar, ale możesz użyć tego kodu z UISearchController.

let searchBar = UISearchBar() 
       searchBar.sizeToFit() 
       searchBar.placeholder = "Search" 
       navigationItem.titleView = searchBar 

       if let textfield = searchBar.value(forKey: "searchField") as? UITextField { 
        textfield.textColor = UIColor.blue 
        if let backgroundview = textfield.subviews.first { 
         // Background color 
         backgroundview.backgroundColor = UIColor.white 
         // Rounded corner 
         backgroundview.layer.cornerRadius = 14; 
         backgroundview.clipsToBounds = true; 
        } 
       }