SwiftUI实战之TextField风格自定义与formatters

我想和您谈谈SwiftUI中的TextField组件。它看起来像是基础教程，但TextField具有令人兴奋的功能，例如UIKit中没有的即开即用Formatter功能。

TextField formatters

TextFieldStyle协议

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 掌握TextField基础功能
• 掌握formatters的使用设置不同格式
• 掌握TextField的不同风格

掌握TextField基础功能

如您所知，我们可以使用TextField进行用户输入。我们需要做的就是创建一个TextField并将其分配给任何String值的Binding。让我们来看一个非常简单的例子。

struct ContentView: View {
    @State private var text = ""

    var body: some View {
        TextField("type something...", text: $text)
    }
}

在上面的示例中，我们创建一个带有占位符的TextField并将其绑定到状态变量。很简单，对不对？ TextField还提供了在用户输入期间可能需要处理的回调。

struct ContentView: View {
    @State private var text = ""

    var body: some View {
        TextField(
            "type something...",
            text: $text,
            onEditingChanged: { _ in print("changed") },
            onCommit: { print("commit") }
        )
    }
}

如您在上面的示例中看到的，TextField允许我们处理onEditingChanged和onCommit事件。让我们了解它们之间的区别。每当用户开始或完成编辑文本时，TextField就会调用onEditingChanged关闭。它还传递一个描述开始或结束事件的布尔值。每当用户执行诸如按回车键之类的操作时，TextField就会调用onCommit闭包。

TextField formatters

好的，我们学习了基础知识，现在我们可以转到TextFields的一个更有趣的功能。您可能会注意到，TextField有一些接受Formatter的重载。这些重载使我们可以将TextField绑定到原始数​​据，并在使用选定的Formatter实例转换为字符串后将其呈现。让我们看一个简单的例子，它将帮助我们了解它的工作原理.