如何让NSStackView自动适配子视图的完整高度（Swift AppKit开发场景）

Great question! The core issue here is that you’re hardcoding a fixed height (350) for your NSStackView, which stops it from automatically sizing to fit its dynamic content. Let’s fix this using Auto Layout so the stack view (and the NSAlert that contains it) automatically adjusts to fit all your text fields and scroll view without manual height values.

Step-by-Step Fixes #

1. Remove Fixed Height from NSStackView #

Instead of initializing the stack view with a hardcoded height, create it without a fixed frame and use Auto Layout to define its width while letting its height be determined by its content.

2. Configure Subviews with Proper Constraints #

Each subview (text fields and scroll view) needs clear constraints to tell the stack view how to size them. For wrapping text fields, we need to bind their width to the stack view’s width so they wrap correctly and report their full height.

3. Ensure NSStackView Reports Its Intrinsic Content Size #

NSStackView will automatically calculate its intrinsic size based on its subviews, spacing, and alignment—but only if the subviews have proper constraints in place.

Modified makeDefaultAlert Function #

Here’s the updated code with all fixes applied:

func makeDefaultAlert(_ settings: Settings, listOpts: ListOptions) -> (NSAlert, TableViewController) {
    let a = NSAlert()
    a.messageText = settings.title
    a.alertStyle = NSAlert.Style.informational
    a.addButton(withTitle: settings.okButton)
    a.addButton(withTitle: settings.cancelButton)
    a.buttons[0].keyEquivalent = "\r"
    a.buttons[1].keyEquivalent = "\u{1b}"
    
    // 1. Create stack view without fixed height, disable autoresizing mask for Auto Layout
    let stackView = NSStackView()
    stackView.orientation = .vertical
    stackView.distribution = .equalSpacing
    stackView.spacing = 10
    stackView.translatesAutoresizingMaskIntoConstraints = false
    
    // 2. Configure wrapping text fields with width constraints
    let text1 = NSTextField(wrappingLabelWithString: settings.text)
    text1.isEditable = false
    text1.drawsBackground = true
    text1.translatesAutoresizingMaskIntoConstraints = false
    stackView.addArrangedSubview(text1)
    
    let text2 = NSTextField(wrappingLabelWithString: settings.text)
    text2.isEditable = false
    text2.drawsBackground = true
    text2.translatesAutoresizingMaskIntoConstraints = false
    stackView.addArrangedSubview(text2)
    
    // 3. Configure scroll view with fixed height (preserves scrolling behavior)
    let scrollView = NSScrollView()
    scrollView.hasVerticalScroller = true
    scrollView.hasHorizontalScroller = true
    scrollView.translatesAutoresizingMaskIntoConstraints = false
    stackView.addArrangedSubview(scrollView)
    
    // Set up table view inside scroll view
    let clipView = NSClipView()
    clipView.autoresizingMask = [.width, .height]
    let tableViewController = TableViewController(frame: .zero, options: listOpts)
    tableViewController.tableView.autoresizingMask = [.width, .height]
    clipView.documentView = tableViewController.tableView
    scrollView.contentView = clipView
    
    // 4. Add constraints to define fixed width and scroll view height
    NSLayoutConstraint.activate([
        // Set stack view width to the provided setting or default to 250
        stackView.widthAnchor.constraint(equalToConstant: CGFloat(settings.width ?? 250)),
        // Set fixed height for scroll view (adjust based on how many rows you want visible)
        scrollView.heightAnchor.constraint(equalToConstant: 100),
        // Bind text fields to stack view width so they wrap correctly
        text1.widthAnchor.constraint(equalTo: stackView.widthAnchor),
        text2.widthAnchor.constraint(equalTo: stackView.widthAnchor),
        // Bind scroll view width to stack view width
        scrollView.widthAnchor.constraint(equalTo: stackView.widthAnchor)
    ])
    
    a.accessoryView = stackView
    return (a, tableViewController)
}

Key Explanations: #

• No Fixed Stack View Height: By removing the hardcoded height and setting translatesAutoresizingMaskIntoConstraints = false, we let Auto Layout calculate the stack view’s height based on its arranged subviews.
• Text Field Width Constraints: Binding the text fields to the stack view’s width ensures text wraps instead of extending horizontally, which lets the text fields report their full vertical height to the stack view.
• Fixed Scroll View Height: Since we want the table view to scroll (rather than expanding infinitely for long lists), we set a fixed height for the scroll view. If you wanted the table to expand to fit all rows, you could constrain the table view’s height to its content size (but that would remove scrolling).
• Intrinsic Content Size: The stack view automatically computes its intrinsic height by adding up the heights of the text fields, scroll view, and spacing between them. NSAlert uses this intrinsic size to adjust its own height to fit the accessory view perfectly.

Bonus: Simplify Table View Initialization #

You can remove the frame parameter from the TableViewController convenience init (since we’re using Auto Layout):

convenience init(options: ListOptions) {
    self.init()
    self.opts = options
    self.tableView = NSTableView()
    self.view = self.tableView
}

Then call it as TableViewController(options: listOpts) in the makeDefaultAlert function.

This setup will make your NSAlert automatically resize to fit all content, no matter how long the text or how many elements are in your stack view.

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