动画图像可以在屏幕上连续移动？

Question

关于此 post 我尝试实现无限的图像动画，并且效果很好。但是，一旦我将图像更改为可回理和scaledtofill以覆盖整个屏幕作为背景，一个图像比另一个屏幕更高，并且在此期间看起来很恰当地切割动画片。我相信答案很明显，但仍然找不到。

这是一个代码示例/示例：

 struct ImageBackgroundView {
    @State var animate: Bool = false
    let animation: Animation = Animation.linear(duration: 10.0).repeatForever(autoreverses: false)
    
var body: some View {
    GeometryReader { geo in
        HStack(spacing: -1) {
            Image("lightBackground")
                .resizable()
                .scaledToFill()
                
            
            Image("lightBackground")
                .resizable()
                .scaledToFill()
                .frame(width: geo.size.width, alignment: .leading)
        }
        .frame(width: geo.size.width, height: geo.size.height, alignment: animate ? .trailing : .leading)
    }
    .ignoresSafeArea()
    .onAppear {
        withAnimation(animation) {
            animate.toggle()
        }
    }
}

}

正如我之前所说的，它可以与.aspectratio（contentMode：.fit）```在链接线程中提出''一起工作。我相信我无法解决的几何学上存在问题。 感谢您提前帮助！

Answer 1

首先，您需要了解图像如何工作的一些基础知识。

-scaledtofill：通常，这意味着图像将在填充层所需的时间内增长。不保持其原始比率。

- 拟合：调整大小时的图像保持原始比率。图像不会脱离框架。

-fill：这可能是您需要的。填充允许图像扩展以填写整个图层，同时保持其原始比率。