SwiftUI - 自定義文字檢視

文字檢視是 SwiftUI 中功能最強大、最靈活的檢視，用於在應用程式 UI 中以各種樣式和佈局顯示文字。文字檢視顯示的文字是靜態的，不可編輯。它還提供各種內建修飾符來控制文字的字型、顏色、對齊方式、間距等。除了在螢幕上顯示文字外，文字檢視還用於標題、標籤、段落等。

在 SwiftUI 中使用文字檢視顯示文字

在 SwiftUI 中，我們可以藉助文字檢視非常輕鬆地顯示文字。文字檢視在螢幕上顯示任何單行或多行字串，並且還可以提供各種修飾符來自定義字串在螢幕上的外觀。要顯示一行字串，我們需要用要顯示的字串值初始化 Text()。

語法

以下是語法：

Text("Write your text here..")

示例

以下 SwiftUI 程式用於建立文字檢視。

import SwiftUI

struct ContentView: View {
   var body: some View {
      VStack{            
         // Text view
         Text("TutorialsPoint")
      }
   }
}
#Preview {
   ContentView()
}

輸出

在 SwiftUI 中自定義文字檢視

自定義文字檢視意味著我們可以使用 SwiftUI 提供的修飾符根據我們的設計要求更改文字的視覺外觀和行為。

使用這些修飾符，我們可以更改文字檢視的形狀、大小、顏色、對齊方式等。SwiftUI 提供了各種內建修飾符來自定義文字，一些常用的修飾符如下：

示例

以下 SwiftUI 程式用於自定義文字檢視。

import SwiftUI

struct ContentView: View {
   var body: some View {
      VStack{
         Text("TutorialsPoint")
            .font(.title)
            .underline(true, color: .red)
         Text("TutorialsPoint")
            .font(.title)
            .strikethrough()
         Text("TutorialsPoint")
            .background(Color.gray)
            .foregroundStyle(.white)
            .lineLimit(2)
         Text("TutorialsPoint")
            .border(.orange)
            .padding(5)
            .font(.title)
            .tracking(4.0)
      }
   }
}

#Preview {
   ContentView()
}

輸出