macOS 开发-NSTextField

NSTextField 是一个可以展示或编辑的文本框，是最常用的UI控件之一。需要注意它与iOS的UITextFeild是有区别的，在iOS开发中，UILabel是用来展示固定的文本的，UITextField是用来编辑文本的。在macOS中，它们两者是合二为一的，通过isEditable这个属性来决定展示的样式。

TextField

当我们需求用户输入文本的时候，我们就需要使用到 TextField，创建文档输入框的代码如下：

class ViewController: NSViewController {
    lazy var textField: NSTextField = {
        let v = NSTextField()
        v.stringValue = "TextField"
        v.frame = NSRect(x: 50, y: 120, width: 100, height: 38)
        return v
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        view.addSubview(textField)
    }
}

我们可能通过 stringValue属性来设置或获取文本框的内容，通过文本框我们可以获取到用户的输入。

Label

如果我们需要实现一个Label，可以通过设置它的isEditable值为false则可，实现如下：

lazy var label: NSTextField = {
    let v = NSTextField()
    v.isEditable = false
    v.stringValue = "Label"
    v.font = .systemFont(ofSize: 18)
    return v
}()

实现后的效果如下图，实现的效果看起来并不是我们想要的：

01.png

我们想要的效果是没有边框、文字居中效果，边框我们可以通过设置isBordered为false来移除，但是文字居中却没有相应的属性来设置，当然，并不是没有办法达到这种效果，只是处理起来稍微有点复杂，后面的实践内容再来详细讲解。

针对Label的效果，苹果已经给我们封装好便捷的实现方法，我们只能换一种初始化方式就可以实现：

lazy var label: NSTextField = {
    let v = NSTextField(labelWithString: "Label")
    v.font = .systemFont(ofSize: 18)
    return v
}()

使用苹果提供的api，我们即可实现一个与iOS同样效果的Label，具体的实现代码请查看章节源码。

NSSecureTextField

NSSecureTextField 隐藏键入文本的文本输入框，适合用于密码输入或文本值必须保密的地方。创建方法与NSTextField相似：

lazy var secureTextField: NSSecureTextField = {
    let v = NSSecureTextField()
    v.frame = NSRect(x: 50, y: 260, width: 100, height: 23)
    return v
}()

小结

关于NSTextField的介绍内容就到这里，接下来将通过实践来 学习NSTextField相关的属性、常用的样式、及其基础功能。本节相关的代码请查看源码下的 NSTextField 工程项目。完整的项目源码请访问这里：https://github.com/dengyhgit/macOS-Dev-Demo/tree/master/NSTextField， 如对你有帮忙，别忘点亮小⭐⭐。更多内容，请关注我的公众号：

关注公众号