Mac平台SwiftUI中VSplitView的分隔线外观能否自定义？

目前SwiftUI没有直接提供内置修饰器切换回旧版分隔线样式，但可以通过两种方式实现类似效果：

• 使用AppKit的NSSplitView桥接
  利用NSViewRepresentable将AppKit的NSSplitView包装为SwiftUI视图，AppKit支持直接设置分隔线样式：

  struct LegacyVSplitView<Content: View>: NSViewRepresentable {
      let content: () -> Content
      
      func makeNSView(context: Context) -> NSSplitView {
          let splitView = NSSplitView()
          // 设置为旧版细分隔线样式
          splitView.dividerStyle = .thin
          // 若要更接近早期的 pane 分隔器样式，可改用：splitView.dividerStyle = .paneSplitter
          return splitView
      }
      
      func updateNSView(_ nsView: NSSplitView, context: Context) {
          nsView.subviews.forEach { $0.removeFromSuperview() }
          let hostingView = NSHostingView(rootView: content())
          hostingView.translatesAutoresizingMaskIntoConstraints = false
          nsView.addSubview(hostingView)
          NSLayoutConstraint.activate([
              hostingView.leadingAnchor.constraint(equalTo: nsView.leadingAnchor),
              hostingView.trailingAnchor.constraint(equalTo: nsView.trailingAnchor),
              hostingView.topAnchor.constraint(equalTo: nsView.topAnchor),
              hostingView.bottomAnchor.constraint(equalTo: nsView.bottomAnchor)
          ])
      }
  }
  
  // 使用示例
  LegacyVSplitView {
      VStack {
          Text("左侧面板")
      }
      .frame(maxWidth: .infinity, maxHeight: .infinity)
      .background(Color.gray.opacity(0.2))
      
      VStack {
          Text("右侧面板")
      }
      .frame(maxWidth: .infinity, maxHeight: .infinity)
      .background(Color.blue.opacity(0.2))
  }
  

  注意：这种方式需要手动处理子视图的布局约束，确保内容正确填充分隔视图。

• 自定义SwiftUI分隔线覆盖
  若不想依赖AppKit桥接，可在VSplitView上层叠加自定义分隔线，并隐藏默认的蓝色控制块：

  VSplitView {
      Text("左侧内容")
          .frame(maxWidth: .infinity, maxHeight: .infinity)
      Text("右侧内容")
          .frame(maxWidth: .infinity, maxHeight: .infinity)
  }
  .overlay(alignment: .leading) {
      Color.gray
          .frame(width: 1)
          .padding(.vertical, 8)
          .offset(x: 1) // 根据系统版本调整偏移量对齐原分隔线
  }
  .onAppear {
      // 遍历视图层级修改默认分隔线样式
      NSApp.windows.forEach { window in
          window.contentView?.subviews.forEach { subview in
              if let splitView = subview as? NSSplitView {
                  splitView.dividerStyle = .thin
              }
          }
      }
  }
  

  这种方式更轻量，但兼容性略差，不同macOS版本可能需要微调偏移量。

内容的提问来源于stack exchange，提问作者CTMacUser