SwiftUI+WidgetKit：如何将时钟小部件的.timer样式改为12小时制

我已实现一个可正常运行的时钟小部件，采用每日更新一次的时间线方案（因系统更新受预算限制，不会严格按请求执行，故未选择每分钟更新的方案）。当前标签通过.timer样式显示为14:30:25（这实际是从当日午夜到现在的时长），希望改为显示当前时间的2:30 PM格式。

现有代码 #

时间线配置代码 #

func getTimeline(in context: Context, completion: @escaping (Timeline<Entry>) -> Void) {
        let midnight = Calendar.current.startOfDay(for: Date())
        let nextMidnight = Calendar.current.date(byAdding: .day, value: 1, to: midnight)!
        let entries = [SimpleEntry(date: midnight)]
        let timeline = Timeline(entries: entries, policy: .after(nextMidnight))
        completion(timeline)
    }

Widget视图代码 #

var body: some View {
        
     VStack {
         Text(entry.date, style: .timer)            
     }         
}

解决方案 #

问题核心：你当前使用的.timer样式是用来显示时间间隔（从entry.date（当日午夜）到现在的时长），而非当前时间的格式化显示。要实现12小时制的时间显示，你需要替换为自定义日期格式化，同时利用WidgetKit对时间显示的自动更新机制：

步骤1：创建自定义日期格式化器 #

在Widget的视图结构体中添加一个静态的DateFormatter，配置为12小时制格式：

private let timeFormatter: DateFormatter = {
    let formatter = DateFormatter()
    // 使用系统默认的短时间样式（自动适配地区，显示为如"2:30 PM"）
    formatter.dateStyle = .none
    formatter.timeStyle = .short
    // 或者手动指定格式（强制为"h:mm a"，注意小写h是12小时制，大写H是24小时制）
    // formatter.dateFormat = "h:mm a"
    return formatter
}()

步骤2：修改视图显示逻辑 #

替换原有的.timer样式，使用自定义格式化器显示当前时间：

var body: some View {
    VStack {
        // 直接显示当前系统时间，WidgetKit会自动处理时间更新
        Text(timeFormatter.string(from: Date()))
            .font(.title) // 可根据需求调整字体大小
    }
}

补充说明 #

• 无需修改原有每日更新的时间线方案：WidgetKit会自动刷新显示时间的Text组件，即使Timeline没有频繁更新，避免了系统预算限制的问题。
• 如果需要严格跟随Entry的时间（而非当前系统时间），则需要调整Timeline的更新策略（比如每小时更新一次），并在Entry中传入当前时间，再用格式化器显示该时间。

内容的提问来源于stack exchange，提问作者Luda