swiftUI 画廊滑动自动对中间作为选中

要实现SwiftUI画廊滑动自动对中间作为选中，可以使用SwiftUI的GeometryReader和ScrollView组件。具体步骤如下：

1. 创建一个GeometryReader组件，用于获取父容器的大小，并设置一个变量用于保存这个大小。

@State private var containerWidth: CGFloat = 0

var body: some View {
    GeometryReader { geometry in
        // 保存容器的宽度
        self.containerWidth = geometry.size.width
        // 省略其他代码
    }
}

2. 创建一个ScrollView组件，设置水平滚动方向，并添加一个HStack子视图，用于显示所有的图片。

ScrollView(.horizontal) {
    HStack(spacing: 0) {
        // 添加所有图片
    }
}

3. 在HStack中添加图片时，可以使用GeometryReader获取每个图片的位置和大小，并计算出每个图片的中心点位置。

HStack(spacing: 0) {
    ForEach(images, id: \.self) { imageName in
        GeometryReader { geometry in
            Image(imageName)
                .resizable()
                .aspectRatio(contentMode: .fit)
                .frame(width: geometry.size.width, height: geometry.size.height)
                .position(x: geometry.frame(in: .global).midX, y: geometry.frame(in: .global).midY)
        }
        .frame(width: self.containerWidth)
    }
}

4. 在ScrollView的onAppear回调函数中，可以通过UIKit的Timer定时器来实现自动滚动。每次滚动时，计算出中心点位置距离最近的图片，并使用ScrollView的scrollTo函数将其滚动到中心位置。

ScrollView(.horizontal) {
    HStack(spacing: 0) {
        ForEach(images, id: \.self) { imageName in
            // 省略图片代码
        }
    }
    .onAppear {
        // 使用Timer定时器实现自动滚动
        Timer.scheduledTimer(withTimeInterval: 2, repeats: true) { timer in
            // 计算出中心位置距离最近的图片
            let centerX = UIScreen.main.bounds.width / 2
            var minDistance = CGFloat.infinity
            var selectedImageIndex = 0
            for i in 0..<self.images.count {
                let image = self.images[i]
                let geometry = self.geometryList[i]
                let distance = abs(geometry.frame(in: .global).midX - centerX)
                if distance < minDistance {
                    minDistance = distance
                    selectedImageIndex = i
                }
            }
            // 将最近的图片滚动到中心位置
            self.selectedImageIndex = selectedImageIndex
            self.scrollView.scrollTo(self.geometryList[selectedImageIndex], anchor: .center)
        }
    }
}

最后，根据选中的图片下标，可以在页面上显示一个选中标记，例如使用一个圆点或者一个高亮边框等。