NavigationBar中的自定义TitleView

Question

我正在尝试将用户的图像和名称添加到导航栏中，如下所示：

​

​

我尝试通过编程来实现这一点，因为我的代码库不使用xib或故事板(启动屏幕除外)。

下面是我的代码的简要介绍：

  guard let prof = self.profile else { return }
    let imageView = ImageView(type: .none, avatar: true, 25)
    let nameLabel = UILabel()
    nameLabel.text = prof.name
    nameLabel.numberOfLines = 0
    imageView.setImage(prof.profileImage?.imageURL)
    let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 300))
    view.addSubview(nameLabel)
    view.addSubview(imageView)
    nameLabel.snp.makeConstraints { make in
        make.bottom.equalToSuperview().inset(5)
        make.left.right.equalToSuperview()
    }

    imageView.snp.makeConstraints { make in
        make.bottom.equalTo(nameLabel.snp.top).offset(5)
        make.top.equalToSuperview().inset(5)
    }
    
    self.navigationItem.titleView = view

我使用SnapKit来布置UI，ImageView只是一个自定义的UIImageView，它处理图像的下载，有一个内置的加载指示器，一些格式选项，通过告诉初始化它是一个头像图像，也请求一个小得多的图像。

我将父视图的高度设置为300，只是为了测试导航栏的高度以适应我的内容，但是高度没有变化。

如果有人有办法完成这个设计，或者有一个类似的替代方案，我将非常感谢大家的帮助。

编辑:不使用SnapKit的解决方案完全没问题。

编辑：@asanli对解决方案的描述如下：

​

​

代码如下：

let view = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 300))
view.addSubview(nameLabel)
view.addSubview(imageView)
imageView.snp.makeConstraints { make in
    make.top.equalToSuperview().inset(10)
    make.width.height.equalTo(50)
    make.centerX.equalToSuperview()
}
nameLabel.snp.makeConstraints { make in
    make.top.equalTo(imageView.snp.bottom).offset(10)
    make.centerX.equalToSuperview()
}

Answer 1

我找到了一个可能对你有帮助的图书馆。我从来没有用过它，但希望它能帮助你。

https://github.com/Pircate/EachNavigationBar