🔸foreground

╱🚧 under construction -> current context

SwiftUI ⟩ view ⟩ drawing ⟩ foreground

在 view hierarchy 中，一個 view 前面的 view，稱為前景 ( foreground )。

🔴 主題

• foreground element：前景元素

• view.foregroundStyle()：設定前景元素的 ShapeStyle。

💾 程式

HStack {
    Image(systemName: "triangle.fill")
    Text("Hello, world!")
    RoundedRectangle(cornerRadius: 5)
        .frame(width: 40, height: 20)
}
// ⭐️ view.foregroundStyle(shapeStyle)
.foregroundStyle(.teal)

👥 相關

• view hierarchy

📘 手冊

• SwiftUI ⟩

  • ShapeStyle ⟩ foreground (static)：foreground style in the current context.

  • View ⟩ .foregroundStyle(_:) ：set a new foreground style for a given view and its child views.

📗 參考

• Design+Code ⟩ Material and Foreground Style

• Sundell ⟩ Background & overlay in Swift