SwiftUI ScrollView技巧大全之 监控ScrollView滚动显示内容并获取位置实现SnapTo对齐 （教程含源码）_swiftui 监听scrollview滑动

实战需求

监控ScrollView滚动显示内容并获取位置实现SnapTo对齐。

本示例旨在研究如何构建一个可以跟踪其内容位置并在大小为N的固定间隔或窗口上“吸附”内容的ScrollView。如果我们有100个项目要滚动，窗口大小为5，我们希望一次看到5个项目，其中前导项目是i % N = 1。

本文价值与收获

看完本文后，您将能够作出下面的界面

实战代码

import SwiftUI
import Combine

class ContentViewModel : ObservableObject {
    @Published var selected: Int = 1
    @Published var cellWidth: CGFloat
    @Published var scrollWidth: CGFloat
    @Published var visibleItemsAsString: String = ""
    
    let N: Int
    let n: Double
    let 
1
2
3
4
5
6
7
8
9
10
11