iOS11自定义导航栏标题,位置有偏差并且无法响应点击事件和手势的解决办法(Swift)

问题描述:最近项目中需要自定义导航栏标题,但是在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))

            }

        }

       

    }

效果图如下:

iOS11自定义导航栏标题,位置有偏差并且无法响应点击事件和手势的解决办法(Swift)