在storyboard中自定义导航的titleView

在iOS11以后,storyboard可以直接拖动控件到导航栏上,但是不能设置与导航之间的约束,需要代码设置
iOS11之后 设置titleView必须设置宽高 否则size是(0,0)
首先拖一个navigationI Item在导航栏上

选择navigationI Item

然后拖一个UIView

添加一个UIView

此时没有frame 在右边设置一下 但是最终的效果一般不依赖这个 为了方便布局 先设置一下
可以手填宽高 然后选择两个center

image.png

此时变成这样

image.png

再接着往这个view上拖动控件 就可以设置相互的约束了

image.png

image.png

最后 IBOutlet到VC文件中,设置布局 可以用frame也可以用autolayout

[self.customTitleView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.center.equalTo(self.customTitleView.superview);
        make.size.mas_equalTo(CGSizeMake(200, 40));
    }];

运行效果