自定義 SF 符號不呈現分層陰影

Question

我有一個自定義的 SF Symbol，它在 SF Symbols 3 應用程序中查看時呈現分層陰影，但在使用 SwiftUI 的 iOS 中呈現為單色。

這是SF Symbols 3應用程序中的符號：

這是在資產目錄中作為 3.0 模板導入的符號：

這是渲染它的代碼：

  Image("custom.figure.steps")
    .font(.largeTitle)
    .padding(.trailing)
    .symbolRenderingMode(.hierarchical)
    .foregroundColor(status.statusColor)

這是它在 iOS 模擬器中的呈現方式：

我如何獲得分層陰影？

Answer 1

好的，發現我的錯誤。 我導出為模板，它沒有保留圖層。 當我導出為符號 3.0 時，圖層被保留，現在一切都按預期呈現。

我是如何診斷的：

• 將我作為模板導出的 SVG 導入回 SF Symbols 並注意到那里只有一個圖層
• 導出為符號並將其導入 Xcode，呈現為分層

底線：導出為符號，而不是導入 Xcode 時的模板。