今天我们来学习如何使用填入文字的物件

正文

文字填入 TextField

可以将文字填入进去。

如果你有学过kotlin，我这边要解释一下因为kotlin必须手动叫出键盘。但在swift这边，如果你有输入匡的话，那系统会自动帮你开启键盘。

首先一样，我们设定一个变数为t，在structure的底下。

@State private var t = ""

接着我们将以下写入至你的程序。

TextField("text", text: $t)

第一个text意思是底字，开始打字後就会自动消失。然後我们把它改请输入试试看。

输出结果为：

边框

接下来要交的如何制作边框，因为我们刚刚的文字框是无边框的。

一般圆角边框

我们可以用swiftui底下的overlay 做出边角圆形的输入框。

一样我们可以套入我们之前做的Color。

TextField("请输入", text: $t)
                .padding()
                .overlay(
                RoundedRectangle(cornerRadius: 10)
                    .stroke(Color("pppink"), lineWidth: 5)
                )

取得输入的文字

概念

先添加一组Button，按下Button後，将刚刚输入的印出来在萤幕上。

实作

添加一组Button，我们直接搬之前做好的。

Button(action: {
                print(t)
            }) {
                Text("我超帅按钮")

按下我超帅按钮之後，terminal就会显示出来。

隐藏文字 Securefiled

我们把TextField改成Securefield就可以了。

改成安全输入後，就会变成你输入密码的时候一样了。

总结

今天学完了输入的部分，但是要如何在应用程序显示出来呢？

这部分我们明天来学习！