Published 2023-08-24

Swift - 在 SwiftUI 中添加文本视图

Text 视图是 SwiftUI 用户界面中最常用的元素之一。它们允许你向你的应用程序中添加文本,比如标签、标题、描述等等。在 SwiftUI 中,Text视图易于使用,只需要最少的代码,并提供很多的自定义选项。

若要创建 Text 视图,请使用 Text 初始值设定项并提供要在其中显示的文本。下面是如何创建显示简单消息的 Text 视图的示例:

struct ContentView: View {
  var body: some View {
    Text("Hello, World!")
  }
}

ContentView 结构中,我们定义body计算属性,该属性返回一个视图。在这里,我们使用 Text 视图创建一个文本视图的新实例,并使用“ Hello,World!”作为它的内容。

自定义文本视图

Text 视图是一个灵活而轻量级的视图,允许您自定义其字体、样式、颜色、大小、行间距以及更多使用修饰符。下面的示例说明如何通过添加.font()修饰语:

struct ContentView: View {
  var body: some View {
    Text("Hello, World!")
      .font(.largeTitle)
  }
}

上面的代码使用字体修饰符将 Text 视图的字体大小和样式定义为.largeTitle。是 SwiftUI 预定义的文本样式之一。这只是 Text 视图可以合并的众多修饰符之一。