SwiftUI共享偏移量实现幻灯片转场的异常行为解惑

核心逻辑拆解 #

HStack的初始布局

三个SlideView的宽度都被设置为screenWidth，且HStack的spacing=0，所以它们的初始横向位置是连续排列的：

• SlideView1：位于x=0（正好在屏幕可见范围内）
• SlideView2：位于x=screenWidth（刚好超出屏幕右侧边缘）
• SlideView3：位于x=2*screenWidth（在屏幕右侧更远处）

统一偏移量的实际作用

你的calculateOffset函数逻辑是：

func calculateOffset(_ index: Int, _ screenWidth: CGFloat) -> CGFloat {
    let difference = index - viewModel.currentPage
    return screenWidth * CGFloat(difference)
}

当所有Slide都传入index=1时，偏移量简化为：screenWidth * (1 - currentPage)。这个偏移量会同时作用于HStack内的所有视图，相当于把整个HStack作为一个整体横向平移：

• 初始currentPage=1：偏移量为0，HStack无平移，只有SlideView1在屏幕内；
• 点击Next后currentPage=2：偏移量为-screenWidth，HStack整体左移一个屏幕宽度，SlideView2的位置变为screenWidth - screenWidth = 0，进入屏幕可见区域；
• 再次点击NextcurrentPage=3：偏移量为-2*screenWidth，HStack整体左移两个屏幕宽度，SlideView3的位置变为2*screenWidth - 2*screenWidth = 0，进入屏幕。

为什么不需要单独计算每个Slide的偏移？

你原本预期要给每个Slide传入对应索引（比如Slide1传1、Slide2传2），但实际上HStack已经完成了“按顺序排列视图位置”的工作。统一偏移相当于直接移动整个视图队列，让目标Slide刚好对齐屏幕原点，最终效果和单独计算每个Slide的偏移完全一致——本质都是让目标Slide的最终位置落在屏幕可见范围内。

补充说明 #

你的代码中重复定义了OnboardingViewModel类，这是一个小问题，但不影响转场逻辑的运行。

内容的提问来源于stack exchange，提问作者NSSpeedForce