SwiftUI - Apple Music 如何创建背景渐变？答案

【问题标题】：SwiftUI - How does Apple Music create their background gradient?SwiftUI - Apple Music 如何创建背景渐变？
【发布时间】：2022-08-07 00:52:40
【问题描述】：

我正在查看 Apple Music 在显示当前播放的歌曲时使用的背景，如下所示：

我真的很喜欢这些背景与专辑封面颜色相呼应的方式，但我不完全确定如何在给定图像的情况下实现类似的东西。一开始我以为这只是一张放大模糊的专辑Image副本，像这样：

Image(\"album cover\")
    .resizable()
    .frame(width: 300, height: 300)
    .blur(radius: 20)

但看看上面的两张图片，我认为情况并非如此，因为并非封面图片中的所有颜色都包括在内。相反，他们是否使用径向渐变？如果是这样，他们如何选择要使用的颜色，给定图像，我怎么能做类似的事情？

谢谢您的帮助！

Python，但有趣的相关阅读：Python - Find dominant/most common color in an image。选择一种或三种颜色，您就拥有了渐变色。
也可能相关：Get average color of UIImage in Swift、Getting main colors of a UIImage in Swift、Objective-c - Getting least used and most used color in a image、Determine primary and secondary colors of a UIImage
Materials
这是WWDC video

标签： image swiftui apple-music

【解决方案1】：

我最近经历了一个类似的练习，这是我用过的

.background {
        ZStack {
            Rectangle()
                .fill(backgroundColor().gradient)
                .edgesIgnoringSafeArea(.all)

            Rectangle()
                .fill(.ultraThinMaterial)
                .edgesIgnoringSafeArea(.all)
        }
    }

请注意，.gradient 从 iOS 16 开始可用。背景颜色可以是任何 swiftui 颜色。就我而言，我使用的是自 iOS 15 以来 MusicKit 可用的歌曲插图的 average color。

【讨论】：