在 WidgetKit 中每分钟更新时间文本标签

Question

是否可以在 Widget 中创建显示当前时间并实时更新的文本标签？

尝试创建时钟小部件，但小部件每 5 分钟仅更新 1 次。

• 没有帮助创建时间线
• “使小部件保持最新”不适用于当前时间，仅适用于计时器等。

Answer 1

一种可能的解决方案是使用time 日期样式：

/// A style displaying only the time component for a date.
///
///     Text(event.startDate, style: .time)
///
/// Example output:
///     11:23PM
public static let time: Text.DateStyle

---

1. 您需要一个简单的 Entry 和 Date 属性：

struct SimpleEntry: TimelineEntry {
    let date: Date
}

1. 每分钟创建一个Entry，直到下一个午夜：

struct SimpleProvider: TimelineProvider {
    ...

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

        for offset in 0 ..< 60 * 24 {
            let entryDate = Calendar.current.date(byAdding: .minute, value: offset, to: midnight)!
            entries.append(SimpleEntry(date: entryDate))
        }

        let timeline = Timeline(entries: entries, policy: .after(nextMidnight))
        completion(timeline)
    }
}

1. 使用time 样式显示日期：

struct SimpleWidgetEntryView: View {
    var entry: SimpleProvider.Entry

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

---

如果你想自定义日期格式可以使用自己的DateFormatter:

struct SimpleWidgetEntryView: View {
    var entry: SimpleProvider.Entry
    
    static let dateFormatter: DateFormatter = {
        let formatter = DateFormatter()
        formatter.locale = Locale(identifier: "en_US_POSIX")
        formatter.dateFormat = "HH:mm"
        return formatter
    }()

    var body: some View {
        Text("\(entry.date, formatter: Self.dateFormatter)")
    }
}

---

_{这是一个GitHub repository，其中包含不同的小部件示例，包括时钟小部件。}

Answer 2

非常感谢@pawello222 的回答，但是这个解决方案的问题是时间轴中保存了太多东西（24 * 60）。

一旦小部件的视图包含很多元素（在我的例子中，比如 5 个或更多 Text(...)），那么小部件将完全停止在 ios 真实设备上呈现，xcode 会报告：

2020-12-03 11:22:46.094442+0800 PixelClockWidgetExtension[660:53387] 
[default] -[EXSwiftUI_Subsystem beginUsing:withBundle:] unexpectedly called multiple times.

我认为一种可能的解决方案是将每天的时间分成几个小块，并多次保存在时间轴中。

我的环境：

• iOS 14.2
• Xcode 12.2
• iPhone 12 专业版

Answer 3

我的解决方案是在 0 秒时每分钟更新一次小部件。 使用此扩展程序可获取 0 秒的当前时间。

extension Date {

var zeroSeconds: Date? {
    let calendar = Calendar.current
    let dateComponents = calendar.dateComponents([.year, .month, .day, .hour, .minute], from: self)
    return calendar.date(from: dateComponents)
}}

并使用这个 getTimeline 函数

    func getTimeline(in context: Context, completion: @escaping (Timeline<Entry>) -> ()) {
    var entries: [SimpleEntry] = []

    
    // Generate a timeline consisting of five entries an hour apart, starting from the current date.
    
    let date = Date().zeroSeconds!
    
    for hourOffset in 0 ..< 60 {
        
        let entryDate = Calendar.current.date(byAdding: .minute , value: hourOffset, to: date)!
        print(entryDate)
        let entry = SimpleEntry(date: entryDate)
        entries.append(entry)
    }

    let timeline = Timeline(entries: entries, policy: .atEnd)
    completion(timeline)
}

simpleEntry 与 Xcode 中的默认示例相同

struct SimpleEntry: TimelineEntry {
let date: Date}

和身体一样

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

所以现在你有了每分钟更新一次的小部件，没有延迟。