无法在SwiftUI中更改自定义结构体数据的预览背景颜色。

Question

我正在按照这个教程学习Swift和SwiftUI。但是预览中的背景颜色并未像预期那样改变。

我的代码如下：

在Theme.swift中：

import SwiftUI

enum Theme: String {
    // ...其他情况
    case yellow

    var accentColor: Color {
        switch self {
        case .yellow: return .black // <-- 为黄色主题声明强调色键
        case .indigo, .magenta, .navy, .oxblood, .purple: return .white
        }
    }
    var mainColor: Color {
        Color(rawValue) // <-- 这里应该返回基于字符串枚举值的颜色，但当前实现不正确
    }
}

在DailyScrum.swift中：

import Foundation

struct DailyScrum {
    var title: String
    var attendees: [String]
    var lengthInMinutes: Int
    var theme: Theme
}

extension DailyScrum {
    static let sampleData: [DailyScrum] =
    [
        DailyScrum(title: "Design",
                   attendees: ["Cathy", "Daisy", "Simon", "Jonathan"],
                   lengthInMinutes: 10,
                   theme: .yellow), // <-- 将第一个项目的主题设置为黄色，引用自 `Theme.swift`
        // 其他项目...
    ]
}

在CardView.swift中：

import SwiftUI


struct CardView: View {
    let scrum: DailyScrum
    var body: some View {
        Text("Hello, World!")
    }
}


struct CardView_Previews: PreviewProvider {
    static var scrum = DailyScrum.sampleData[0] // <-- 获取第一个项目
    static var previews: some View {
        CardView(scrum: scrum)
            .background(scrum.theme.mainColor) // <-- 获取第一个项目的主颜色
    }
}

在预览中我看到的是：
CardView的预览，本应显示黄色背景，但实际并未显示。

期望中的预览效果

我尝试将 scrum.theme.mainColor 更改为 .yellow 或 scrum.theme.accentColor，这样可以正常工作。我不确定这里具体是什么问题。

我的 Xcode 版本是 15，Swift 版本是 5.9.2。

Philip Morton · Answer

您可以使用类似这样的方式调试视图：

struct CardView: View {
    let scrum: DailyScrum
    var body: some View {
        Self._printChanges()
        return Text("Hello, World!")
            .background(scrum.theme.mainColor)
    }
}

在控制台中，我得到的输出是：

在主捆绑包（/Users/______/Library/Developer/Xcode/UserData/Previews/Simulator Devices/id/data/Containers/Bundle/Application/id/Test.app）的资源目录中未找到名为 'yellow' 的颜色。

Brad · Answer

这段代码看起来没有问题，请尝试重启Xcode或者使用⌘+⌥+p快捷键重新加载预览。

以下代码应该可以产生与预期预览相同的效果，您可以复制并继续按照教程进行：

import SwiftUI

struct CardView: View {
    let scrum: DailyScrum
    var body: some View {
        Text("Hello, World!")
    }
}

struct CardView_Previews: PreviewProvider {
    static var scrum = DailyScrum.sampleData[0] // 获取第一个项目数据
    static var previews: some View {
        CardView(scrum: scrum)
            .background(scrum.theme.mainColor) // 获取第一个项目的主颜色
    }
}

import Foundation

struct DailyScrum {
    var title: String
    var attendees: [String]
    var lengthInMinutes: Int
    var theme: Theme
}

extension DailyScrum {
    static let sampleData: [DailyScrum] =
    [
        DailyScrum(title: "设计",
                   attendees: ["Cathy", "Daisy", "Simon", "Jonathan"],
                   lengthInMinutes: 10,
                   theme: .yellow), // 将第一个项目的主题设置为黄色，引用自 `Theme.swift`
        // 其他项目...
    ]
}

import SwiftUI

enum Theme: String {
    case indigo
    case magenta
    case navy
    case oxblood
    case purple
    case yellow
    
    var accentColor: Color {
        switch self {
        case .yellow: return .black // 声明黄色主题的强调色为黑色
        case .indigo, .magenta, .navy, .oxblood, .purple: return .white
        }
    }
    
    var mainColor: Color {
        Color(rawValue) // 这里需要将枚举值映射到对应的颜色
    }
}