菜单栏和图像/按钮未正确对齐

Question

我在使用NSLayoutConstraints时遇到麻烦。我想在标题的下面创建一个自定义菜单栏，并带有一些用于导航的图像（或按钮），但是我不知道为什么图像在中间没有正确对齐，我想菜单栏在标题下方没有对齐。我试图通过更改一些值来解决此问题，但目前我仍然一无所知。这是MenuBar

的完整代码

    private func setUpMenuBar() {
    view.addSubview(menuBar)

    let viewWidth = view.viewWidth
    menuBar.translatesAutoresizingMaskIntoConstraints = false
    menuBar.centerXAnchor.constraint(equalTo: 
    view.centerXAnchor).isActive = true
    menuBar.centerYAnchor.constraint(equalTo: 
    view.topAnchor).isActive = true
    menuBar.heightAnchor.constraint(equalToConstant: 100).isActive 
    = true
    menuBar.widthAnchor.constraint(equalToConstant: 
   viewWidth).isActive = true
  }

目前看起来像这样

Answer 1

您的menuBar当前与您的视图具有相同的宽度，因此这就是您的按钮在视图中均匀分布的原因。尝试将menuBar设置为视图宽度的一半，以使您的按钮靠得更近（可以在此处进行实验）：

menuBar.widthAnchor.constraint(equalToConstant: viewWidth / 2).isActive = true

如果在条形图之间还需要一些空间，请尝试添加topConstraint（可以尝试更改30）：

menuBar.topAnchor.constraint(equalToConstant: 30).isActive = true