问题描述:最近项目中需要自定义导航栏标题,但是在iOS11+Xcode9下,自定义导航栏标题总是有问题:1.是位置不好控制,总会有偏差。2.是无法响应点击事件和手势。
产生问题的原因:iOS11导航栏titleView图层有变化。iOS 10及以下 自定义titleView会添加在navigationBar上,iOS 11 添加在UINavigationBarContentView上。
解决办法:在设置自定义标题的时候,iOS11之后要使用自动布局设置位置和大小。直接贴代码:
func createTitleUI() {
let titleBkView = UIView(frame: makeRect(x: 0, y: 0, width: 130, height: 44))
titleBkView.backgroundColor = WHITECOLOR
titleBkView.isUserInteractionEnabled = true
let tapGR = UITapGestureRecognizer(target: self, action: #selector(selectTypeAction))
titleBkView.addGestureRecognizer(tapGR)
titleBkView.addSubview(titleLabel)
titleBkView.addSubview(titleArrowImageView)
titleLabel.snp.makeConstraints { (make) in
make.center.equalToSuperview()
}
titleArrowImageView.snp.makeConstraints { (make) in
make.centerY.equalToSuperview()
make.left.equalTo(titleLabel.snp.right).offset(10)
}
self.navigationItem.titleView = titleBkView
//注意:iOS11之后这里需要使用自动布局设置大小,否则位置会有偏差,无法响应点击事件
if #available(iOS 11.0, *) {
titleBkView.snp.makeConstraints { (make) in
make.size.equalTo(makeSize(width: 130, height: 44))
}
}
}
效果图如下: