SwiftUI - 效果

效果是指應用於檢視的視覺修改或轉換，用於自定義檢視的外觀或行為。它們只增強檢視的視覺外觀，不會影響佈局，因為它們不允許修改檢視的佈局。

使用這些效果，我們可以將各種效果（如陰影、模糊、旋轉、飽和度、色相等）應用於任何檢視或元件，例如文字、影像、形狀、按鈕等。它們透過提高內容的可讀性或建立互動式元件來增強使用者體驗。

在 SwiftUI 中應用效果

SwiftUI 支援各種預定義的修飾符，例如陰影、懸停、模糊等，可用於增強檢視的外觀。因此，只需使用這些修飾符，我們就可以將效果應用於檢視。我們可以使用點運算子直接使用這些修飾符，例如：

Text("TutorialsPoint").blur(radius:12)

示例 1

下面的 SwiftUI 程式用於在文字檢視上應用模糊效果。

import SwiftUI

struct ContentView: View {
   var body: some View {
      VStack {            
         // Without any effect
         Text("TutorialsPoint").font(.largeTitle).foregroundStyle(.green)
            
         // With blur effect
         Text("TutorialsPoint")
            .font(.largeTitle)
            .foregroundStyle(.green)
            .blur(radius: 4)
      }.padding()
   }
}
#Preview {
   ContentView()
}

輸出

示例 2

下面的 SwiftUI 程式用於在文字檢視上應用多個效果。

import SwiftUI

struct ContentView: View {
   var body: some View {
      VStack {
         // Without any effect
         Text("TutorialsPoint").font(.largeTitle).foregroundStyle(.green)
            
         // With multiple effects
         Text("TutorialsPoint")
            .foregroundStyle(.green)
            .padding(20)
            .shadow(radius: 5)
            .rotationEffect(.degrees(10))
            .scaleEffect(2.3)
      }.padding()
   }
}
#Preview {
    ContentView()
}

輸出

SwiftUI 中的效果型別

SwiftUI 支援以下型別的效果：