SwiftUI iOS 14小部件倒计时

问题描述

我有一个带有倒计时的iOS 14小部件

Text(foo,style: .timer)

时间少于1分钟时如何将文本颜色更改为红色？

解决方法

在这里，您可以为1 minute创建倒计时，将文本颜色向左10 seconds更改为红色。时间到了，倒数再次开始。

1. 创建一个条目，其中displayDate是总时间（此处为1分钟）：

struct SimpleEntry: TimelineEntry {
    let date: Date
    let displayDate: Date
    var isDateClose = false
}

1. 在提供者中创建两个条目-一个用于 standard 颜色，一个用于 isClose 颜色（此处为 red ）：

struct SimpleProvider: TimelineProvider {
    ...

    func getTimeline(in context: Context,completion: @escaping (Timeline<SimpleEntry>) -> Void) {
        let currentDate = Date()
        let firstDate = Calendar.current.date(byAdding: .second,value: 50,to: currentDate)!
        let secondDate = Calendar.current.date(byAdding: .second,value: 60,to: currentDate)!

        let entries = [
            SimpleEntry(date: currentDate,displayDate: secondDate),SimpleEntry(date: firstDate,displayDate: secondDate,isDateClose: true),]

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

1. 在您的视图中使用它：

struct SimpleWidgetEntryView: View {
    var entry: SimpleProvider.Entry

    var body: some View {
        Text(entry.displayDate,style: .timer)
            .foregroundColor(entry.isDateClose ? .red : .primary)
    }
}

---

_{这里是一个GitHub repository，带有不同的窗口小部件示例，包括倒数窗口小部件。}