Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Multi-line NSTextField not working

I have been trying to get a multi-line NSTextField to lay out automatically using preferredMaxLayoutWidth. I can’t figure out why this doesn’t work.

class ViewController: NSViewController {
   override func viewDidLoad() {
      super.viewDidLoad()

      let textField = NSTextField()
      textField.cell!.usesSingleLineMode = false
      textField.cell!.wraps = true
      textField.cell!.lineBreakMode = .byCharWrapping
      view.addSubview(textField)

      textField.translatesAutoresizingMaskIntoConstraints = false
      NSLayoutConstraint.activate([
         textField.topAnchor.constraintEqual(to: view.topAnchor),
         textField.leadingAnchor.constraintEqual(to: view.leadingAnchor),
         textField.widthAnchor.constraintEqual(toConstant: 20)
      ])
      textField.preferredMaxLayoutWidth = 20
      textField.stringValue = "abcdefghijklmnopqrstuvwxyz"

      view.needsLayout = true
      view.layoutSubtreeIfNeeded()
      print("Intrinsic content size: \(textField.intrinsicContentSize)")
      print("Fitting size: \(textField.fittingSize)")
   }
}

This prints:

Intrinsic content size: (-1.0, 21.0)

Fitting size: (20.0, 21.0)

(21.0 is the size for a single line.)

like image 607
fumoboy007 Avatar asked Jun 07 '16 23:06

fumoboy007


2 Answers

There is an another solution for making the NSTextField multiline with using auto constraints and Interface Builder.

  • Choose Wraps from Layout
  • Choose Character Wrap from Line Break option
  • Uses Single Line Mode must be unchecked

And add below sample constraints

  • Trailing Space
  • Leading Space
  • Bottom Space
  • Top Space

with the constants that you want. And don't add any specific height constraint.

Below some screenshots which might be helpful.

Constraints

NSTextField Settings

like image 181
abdullahselek Avatar answered Oct 18 '22 19:10

abdullahselek


OK. So it turns out that when an NSTextField is in edit mode, a secret NSTextView (aka the “field editor”) takes over for the editing portion. Text changes are not synced back to the text field until editing has ended. This explains why my sample code only works in non-edit mode.

You can force the sync to occur by accessing the NSTextField.stringValue property. This is what I’ve done in a NSTextField subclass. I also provided my own implementation of intrinsicContentSize because Apple’s implementation doesn’t work in edit mode and is buggy in non-edit mode.

like image 4
fumoboy007 Avatar answered Oct 18 '22 20:10

fumoboy007