简直每一个iOS App都须要解决用户交互,输入框作为获取用户输出内容的最罕用控件之一是开发者常常用到的一个控件。这篇文章咱们来看一下在iOS14中怎么应用全新的SwiftUI框架来解决TextField。

到公众号【iOS开发栈】学习更多SwiftUI、iOS开发相干内容。

SwiftUI创立一个根底的TextField

struct ContentView: View {    @State private var aStr = ""    var body: some View {        VStack {            TextField("公众号<iOS开发栈>", text: $aStr)                        Text(aStr)        }    }}

创立一个TextField须要两个参数,一个占位符和一个Bind<Binding<String

TextFieldStyle

通过设置textFieldStyle能够批改TextField的展示款式,在SwiftUI中零碎自带了UIKit框架中的几个款式:DefaultTextFieldStyle/PlainTextFieldStyle/RoundedBorderTextFieldStyle

设置的办法是:

TextField("公众号<iOS开发栈>", text: $aStr)    .textFieldStyle(DefaultTextFieldStyle())
如果零碎自带的这三种款式都不能满足需要,也能够自定义TextField的款式

TextField文本对齐形式

在SwiftUI中设置TextField的文本对齐形式应用的modifier是multilineTextAlignment,其中蕴含leading/center/trailing三种对齐形式。

应用这个modifier的办法如下:

TextField("公众号<iOS开发栈>", text: $aStr)    .multilineTextAlignment(.trailing)
到公众号【iOS开发栈】学习更多SwiftUI、iOS开发相干内容。

总结

这篇文章对SwiftUI框架中的TextFiled控件进行了解说,次要波及了创立办法、批改展现款式和设置文本对齐办法三个方面,心愿对你有所帮忙。