SwiftUI使用`.timer`更改`Text`的输出格式

Posted 2023-02-24

【中文标题】SwiftUI使用`.timer`更改`Text`的输出格式

【英文标题】：SwiftUI change output format of `Text` using as `.timer`

【发布时间】：2020-08-22 09:19:46

【问题描述】：

有没有办法使用init(_ date: Date, style: Text.DateStyle) 更改Text 的输出格式？

使用.timer，输出类似于：0:42，但我想要00:00:42。

---

背景

我想创建一个正在运行计时器的小部件 (ios 14)，因为我认为每秒触发小部件更新并不是一个好主意，而且这甚至可能也无法可靠地工作，至少不是这样小部件缩进以供使用。 于是我想到了使用Text这个预定义的定时器功能。

我对 SwiftUI 还很陌生，还不太了解所有功能。所以也许我可以自己创建一个类似的自定义文本视图？关于如何实现这一点的任何想法？

或者换个方式问：有没有办法自己创建这样的自我更新组件，也可以在 iOS 14 小部件中工作？ （好像使用 Timer.publish 更新 View 在 iOS 14 小部件中不起作用）

【问题讨论】：

你发现了吗？

我认为（目前）不可能。我只是使用了一个普通的Text 和一个计时器来计算与参考日期的当前偏移量并触发更新。

您能否分享您的代码，了解您是如何实现这一目标的？我正在尝试实现相同的功能

@Oscar 我在下面发布了一个关于我如何“解决”这个问题的答案。

感谢您的帮助，事实证明（正如您在回答中提到的）这在小部件中是不可能的，不过还是谢谢

【参考方案1】：

没有解决方案 => 解决方法

截至今天，似乎还没有合适的解决方案。但是由于似乎对“解决方案”或解决方法的兴趣在那里，我现在只发布我最终得到的结果。

代码

基本上我只是每秒手动更新一次Text，然后计算从参考日期到“现在”的差异。

struct SomeView: View 
    let referenceDate = Date() // <- Put your start date here

    @State var duration: Int = 0
    let timer = Timer.publish(every: 1, on: .current, in: .common).autoconnect()
    
    var body: some View 
        Text(self.duration.formatted(allowedUnits: [.hour, .minute, .second]) ?? "")
            .onReceive(self.timer)  _ in
                self.duration = referenceDate.durationToNow ?? 0
            

    


extension Date 
    var durationToNow: Int? 
        return Calendar.current
            .dateComponents([.second], from: self, to: Date())
            .second
    


extension Int 
    func formatted(allowedUnits: NSCalendar.Unit = [.hour, .minute]) -> String? 
        let formatter = DateComponentsFormatter()
        formatter.allowedUnits = allowedUnits
        formatter.zeroFormattingBehavior = .pad
        return formatter.string(from: DateComponents(second: self))
    

WidgetKit 限制

不幸的是，这不适用于WidgetKit，因为计时器没有运行，或者至少 UI 没有刷新。所以我最终只在小部件中显示分钟（这对我的目的来说还可以），并且只是在“时间轴”中为每分钟设置一个更新。

【讨论】：

我正在尝试创建一个时钟小部件，并且有小时和分钟对我来说已经足够了，我认为您的解决方案会非常好，但我无法使其与上面的代码一起使用，请您帮忙分享代码来实现这个（小时和分钟）widgetKit？