SwiftUI照片画廊视图流畅滚动优化方案咨询

你遇到的LazyVGrid快速滚动时的加载延迟问题，不需要立刻切换到UIKit，先通过以下SwiftUI侧的优化手段解决，若仍达不到预期再考虑UICollectionView方案：

一、优化缩略图加载逻辑 #

核心是让图片加载更高效、提前缓存：

• 精准指定缩略图尺寸：使用PHImageManager加载时，传入与PhotoThumbnailView实际显示尺寸一致的targetSize，避免系统自动缩放带来的性能损耗。示例：

  let targetSize = CGSize(width: 150, height: 150) // 与单元格尺寸匹配
  let options = PHImageRequestOptions()
  options.deliveryMode = .highQualityFormat
  options.isNetworkAccessAllowed = false // 仅加载本地缓存的缩略图，按需开启网络
  PHImageManager.default().requestImage(for: asset, targetSize: targetSize, contentMode: .aspectFill, options: options) { image, _ in
      // 更新视图
  }
  

• 本地缓存已加载的缩略图：用NSCache<NSString, UIImage>缓存已加载的图片，避免重复请求Photos框架。
• 添加占位图/骨架屏：在图片加载完成前显示低分辨率占位图（比如Photos框架提供的fastFormat缩略图），避免空白闪烁。

二、给LazyVGrid添加预加载机制 #

通过监听滚动位置，提前加载可见区域外的内容：

• 使用ScrollViewReader获取当前滚动位置，结合onAppear触发预加载。示例：

  ScrollViewReader { proxy in
      ScrollView {
          LazyVGrid(columns: vGridLayout) {
              ForEach(photoLibraryService.items, id: \.localIdentifier) { asset in
                  PhotoThumbnailView(assetLocalId: asset.localIdentifier, mediaType: asset.mediaType, duration: asset.duration)
                      .id(asset.localIdentifier)
                      .onAppear {
                          // 获取当前asset的索引
                          guard let index = photoLibraryService.items.firstIndex(where: { $0.localIdentifier == asset.localIdentifier }) else { return }
                          // 提前加载当前索引前后10个asset的缩略图
                          let prefetchRange = max(0, index - 10)...min(photoLibraryService.items.count - 1, index + 10)
                          prefetchAssets(Array(photoLibraryService.items[prefetchRange]))
                      }
              }
          }
      }
  }
  

  其中prefetchAssets是你封装的批量预加载图片并缓存的方法。

三、优化LazyVGrid布局性能 #

• 给PhotoThumbnailView设置固定的frame：让LazyVGrid提前知晓单元格尺寸，减少布局计算时的抖动：

  PhotoThumbnailView(...)
      .frame(width: 150, height: 150)
  

• 简化PhotoThumbnailView的视图层级：避免嵌套过多复杂视图，优先使用ImageView结合修饰符的轻量结构。

若上述优化后仍无法满足流畅度要求，再考虑使用UICollectionView：

• UICollectionView的prefetchDataSource原生支持预加载逻辑，能更精准地控制预加载范围和时机。
• 通过UIViewRepresentable将UICollectionView封装到SwiftUI中，既保留UICollectionView的性能优势，又能融入SwiftUI的视图体系。

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