如何使UISearchbar为矩形并与导航栏合并？

Question

您好，我正在尝试将UISearchbar更改为矩形，而不是圆角矩形，并将其与具有相同颜色的导航栏合并。

导航栏的背景颜色应与搜索栏的背景颜色相同，但有区别，并且有清晰的边缘显示，两者都应显示背景颜色＃be1b25而不是＃bc303a。同样，文本字段仍显示圆角矩形而不是完整矩形。

主视图控制器代码

   @IBOutlet weak var searchBar: UISearchBar!
    self.navigationController?.navigationBar.isTranslucent = true
    navigationController?.navigationBar.backgroundColor = UIColor().HexToColor(hexString: REDCOLOR)
    searchBar.backgroundColor = UIColor().HexToColor(hexString: REDCOLOR)
    searchBar.tintColor = UIColor().HexToColor(hexString: REDCOLOR)
    searchBar.barTintColor = UIColor().HexToColor(hexString: REDCOLOR)
    searchBar.barStyle = .default
    searchBar.placeholder = NetworkManager.sharedInstance.language(key: "searchentirestore")
    searchBar.layer.cornerRadius = 0;
    searchBar.clipsToBounds = false;
    searchBar.barTintColor = UIColor().HexToColor(hexString: REDCOLOR)
    searchBar.layer.borderWidth = 0
    //searchBar.layer.borderColor = UIColor.clear as! CGColor

UISearchBar扩展

extension UISearchBar {

    private var textField: UITextField? {
        return subviews.first?.subviews.flatMap { $0 as? UITextField }.first
    }

    private var activityIndicator: UIActivityIndicatorView? {
        return textField?.leftView?.subviews.flatMap{ $0 as? UIActivityIndicatorView }.first
    }

    var isLoading: Bool {
        get {
            return activityIndicator != nil
        } set {
            if newValue {
                if activityIndicator == nil {
                    let newActivityIndicator = UIActivityIndicatorView(activityIndicatorStyle: .gray)
                    newActivityIndicator.transform = CGAffineTransform(scaleX: 0.7, y: 0.7)
                    newActivityIndicator.startAnimating()
                    newActivityIndicator.color = UIColor().HexToColor(hexString: BUTTON_COLOR)
                    newActivityIndicator.backgroundColor = UIColor.white
                    textField?.leftView?.addSubview(newActivityIndicator)
                    let leftViewSize = textField?.leftView?.frame.size ?? CGSize.zero
                    newActivityIndicator.center = CGPoint(x: leftViewSize.width/2, y: leftViewSize.height/2)
                }
            } else {
                activityIndicator?.removeFromSuperview()
            }
        }
    }

请帮助，这是Swift3。在此先感谢

Answer 1

所以您要处理一些事情

1个矩形UISearchbar

• 要么您将遍历本机UISearchbar的子视图并更改其右子层的拐角半径，但这是一个 hack ，Apple可以更改该层次结构，您将再次处于起步阶段< / li>
• 您可以创建自己的组件，外观类似于UISearchbar，很少的UIView和带有某些UIImageView的UITextfield。
• GitHub上的库很少，您可以使用https://github.com/CosmicMind/Samples
• 这里iOS 11 UISearchBar in UINavigationBar也有类似的问题

2与NavBar合并

• 一种方法是在iOS 11上使用UISearchController
• 或者您可以使用自定义UISearchbar将其添加到UIView中的NavBar下方，而不是在导航中，但是在这种情况下 NavBar不能半透明，因为您将永远无法获得相同的色彩空间
• 您可以将自定义视图作为自定义UIView添加到NavBar中的titleView

Answer 2

1. 扩展 UISearchBar 并应用自定义。

2. 将 UISearchBar 设置为NavigationController的titleView

   <script type="module" src="es6://main.js"></script>