如何使控制器在NSToolbar中移动，使用像Reeder或Mail.app的NSSplitViewController视图

Question

我正在开发一个可可应用程序。它包含一个具有一些功能按钮的工具栏。就像Reeder一样。

我想在调整分割视图大小的同时调整工具栏部分的大小。一些工作如下。如何实现这种功能？

任何人都可以帮助我或给一些建议，将不胜感激。

我正在用XCode7，Swift和Storyboard进行开发。

Answer 1

显然没有任何办法的SPLITVIEW添加到工具栏本身，我怀疑我们在里德看到的是不是一个标准工具栏。在anycase获得这个，我做了以下

1. 隐藏标题栏，透明工具栏和全屏视图上主控制器

添加自定义视图高度为38到你的每个“sourcelist（边栏），contentlist（索引列表）和你的SplitViewController splitView项目的默认区域的最顶部。然后将按钮添加到此splitView

这是它应该是什么样子的主要窗口上

如果你想获得完整的工具栏外观。创建出口到所有customView与37点的高度（您向其中添加的那些按钮）和自定义背景，添加一个渐变和底部边框

Answer 2

它是所有关于约束

如果工具栏是在SPLITVIEW：

工具栏上的约束集 “间距最近的邻居”，例如0左， right 然后按钮也必须有一个“与最近邻居的间距”，例如右边的8位

编辑：看到这里按钮添加约束http://oi63.tinypic.com/2s7szgi.jpg

Answer 3

我已经适应livingstonef的实现对于Swift 3还添加了缺失的NSBezierPath扩展名：

import Cocoa 

@IBDesignable class ToolbarCustomView: NSView { 

    override func draw(_ dirtyRect: NSRect) { 
     super.draw(dirtyRect) 

     //The background 
     let startingColor = NSColor(red: 232/256, green: 230/256, blue: 232/256, alpha: 1) 
     let endingColor = NSColor(red: 209/256, green: 208/256, blue: 209/256, alpha: 1) 
     let gradient = NSGradient(starting: startingColor, ending: endingColor) 

     gradient?.draw(in: self.bounds, angle: 270) 

     //The bottom border 
     let borderPath = NSBezierPath() 
     let startingPoint = NSPoint(x: dirtyRect.origin.x, y: 0) 
     let stoppingPoint = NSPoint(x: dirtyRect.width, y: 0) 

     borderPath.move(to: startingPoint) 
     borderPath.line(to: stoppingPoint) 

     let shapeLayer = CAShapeLayer() 

     self.layer?.addSublayer(shapeLayer) 

     shapeLayer.path = borderPath.cgPath 
     shapeLayer.strokeColor = NSColor(red: 180/256, green: 182/256, blue: 180/256, alpha: 0.6).cgColor 
     shapeLayer.fillColor = .clear 
     shapeLayer.lineWidth = 1 
    } 
} 

extension NSBezierPath { 

    public var cgPath: CGPath { 
     let path = CGMutablePath() 
     var points = [CGPoint](repeating: .zero, count: 3) 

     for i in 0 ..< self.elementCount { 
      let type = self.element(at: i, associatedPoints: &points) 
      switch type { 
      case .moveToBezierPathElement: 
       path.move(to: points[0]) 
      case .lineToBezierPathElement: 
       path.addLine(to: points[0]) 
      case .curveToBezierPathElement: 
       path.addCurve(to: points[2], control1: points[0], control2: points[1]) 
      case .closePathBezierPathElement: 
       path.closeSubpath() 
      } 
     } 

     return path 
    } 
}