swift - 使用 Timer 用颜色填充整个屏幕 - SwiftUI

Question

我正在尝试使用计时器并用颜色填充屏幕。简单地说：我用\（UIScreen.main.bounds.height）得到屏幕高度，然后用selectedTime划分它，比如说\（120）秒。问题出现在这里：屏幕填满了 232，而不是 844.0 屏幕尺寸，它在 32 秒而不是 120 秒内填满。我可能错过了一些东西。相关代码部分：

.onChange(of: secondsToMinutesAndSeconds(seconds: timerManager.secondsLeft), perform: { waveTime in
            
            let selectedCircularValue = availableMinutes[self.selectedCircularIndex] * 60
            let heightProgress = CGFloat(UIScreen.main.bounds.height / CGFloat(selectedCircularValue))
            if timerManager.screenHeightChanged < UIScreen.main.bounds.height {
                
                timerManager.screenHeightChanged += CGFloat(heightProgress)
                withAnimation(.linear) {
                    
                    self.colorSize = CGFloat(Double(timerManager.screenHeightChanged))
                }
            } else {
                timerManager.screenHeightChanged = 0
            }
        })

进度输出

 { seconds 120
        screenHeight 844.0
        estimatedTime screen / seconds -> (7.033333333333333)
        ...
        progress 14.066666666666666
        ...
        progress 225.06666666666663
        ...
        progress 232.09999999999997
        
        }

最后，是否可以使动画流畅？

矿

我的期望

Answer 1

根据我的经验，UIScreen 可能会很烦人。尝试改用 GeometryReader，它在处理 SwiftUI 视图时效果更好。像这样包裹视图

GeometryReader { geo in
    SomeView()
}
.frame(width: .infinity, height: .infinity) //may not need this

然后每当您想要视图的大小时，只需使用geo.size.width或geo.size.height

对于动画，将该withAnimation函数与修饰符（如.animation(.linear).

由于您没有共享最小的可重现示例，因此我无法共享完整的解决方案或针对您的案例测试我的解决方案。