🔸shadow

╱🚧 under construction -> current style

SwiftUI ⟩ view ⟩ drawing ⟩ shadow

⭐ 注意： .shadow() 有三個：

• view.shadow()：爲 view 加陰影

• ShapeStyle.shadow() (static)：爲 current style 加陰影

• style.shadow()：爲 ShapeStyle instance 加陰影

加陰影時，可用 .blendMode() 來避免陰影擋住前景。

🔴 主題

• view.shadow()：爲 view 加陰影

• ShadowStyle：陰影樣式

• ShapeStyle：

  • type method .shadow() ：爲 current style 加陰影

  • instance method .shadow() ：爲 ShapeStyle 的 instance 加陰影

• blend mode

💾 程式

// ⭐️ shape.fill(shapeStyle_withShadow)
Circle()
    // 藍色＋陰影       ╭──ShadowStyle───╮
    .fill(.blue.shadow(.drop(radius: 10)))    // .blue calls its instance method .shadow()

👥 相關

• blend mode：畫內陰影時，有時要用 .blendMode() 填充色才不會蓋著前景。

• 如果要幫整個 container view 加陰影，需用到 .compositingGroup()。

⬇️ 應用

• Swatch：色卡有內陰影設計

📘 手冊

• SwiftUI ⟩

  • View ⟩

    • shadow(color:radius:x:y:)

    • .blendMode(_:)

  • ShapeStyle ⟩

    • .shadow(_:) (type method)

    • .shadow(_:) (instance method)

  • Drawing and graphics ⟩ ShadowStyle ⟩

    • .inner(color:radius:x:y:) ：custom inner shadow style.

📗 參考

• ChaoCode ⟩ 在 SwiftUI 中替 View 加上陰影