如何在 SwiftUI 中创建颜色之间渐变的过渡（教程含源码）

我喜欢在图像转换时使用平均颜色背景的应用程序的外观。这种漂亮的技术可以通过计算给定图像的平均颜色来创建。此示例是使用 Unsplash 中的图像创建的，以创建所需的效果：

创建 Xcode 项目

• 创建一个新的 SwiftUI 项目
• 将 重命名ContentView为GalleryView。
• 重命名ContentView_Previews为GalleryView_Previews.
• 从https://github.com/siteline/SwiftUI-Introspect.git添加 SwiftUI-Introspect 包
• 将图像添加到项目的资源中。示例项目中的图像具有名称Image 1, Image 2, Image 3, 和 Image 4.
• SwiftUI-Introspect 库将用于获取UIScrollView后面的内容，Scrollview因此isPagingEnabled可以将标志设置为true.

创建 ImageEntry 模型

ImageEntry.swift需要创建一个文件。该文件将包含一个小结构来保存一个UIImage、一个 UUID 和平均颜色。一个采用图像名称的简单构造函数将完成所有工作。

struct ImageEntry: Identifiable {
  let image: UIImage
  let id: UUID
  let color: UIColor

  init(imageName: String) {
    image = UIImage(named: imageName)!
    colo
1
2
3
4
5
6
7