SwiftUI初级课程（五）TextField、SecureField、TextEditor控件

最新推荐文章于 2024-06-30 12:46:56 发布

薄衫岁月长

最新推荐文章于 2024-06-30 12:46:56 发布

阅读量229

点赞数

分类专栏： SwiftUI初级教程文章标签： swiftui 前端 ios

本文链接：https://blog.csdn.net/qyw2013/article/details/128460536

版权

本文是SwiftUI初级课程的第五部分，深入探讨了用于输入文本的TextField、保护隐私的SecureField以及全屏编辑的TextEditor控件。通过实例解析它们的用法和常见应用场景，帮助iOS开发者掌握SwiftUI界面设计中的文本交互功能。

摘要由CSDN通过智能技术生成

struct ContentView: View {
    // SwiftUI,不再需要通过手动编码的方式，来刷新界面元素。通过绑定包装特性，即可实现界面元素和数据内容的实时绑定。
    // 添加@State属性包装器：表示username属性和界面上的元素进行绑定。当属性的值发生变化时，SwiftUI立即通知绑定的视觉元素进行内容更新

    @State var username: String
    @State var nickname: String
    @State var password: String

    // 多行滚动文本输入
    @State var content = "" // 定义字符串属性
    @State var isAlert = false // 布尔属性，是否弹出警告框

    var body: some View {
        VStack {
            Text("Your username is \(username)")
            Text("Your nickname is \(nickname)")
            Text("Your password is \(password)")

            TextField("User Name", text: $username, onEditingChanged: {
                _ in
                print("onEditingChanged:\(self.username)") // 控制台输出 实时输入检测
            }) {
                print("onCommit:\(self.username)") // 完成输入
            }
            .textFi