swift - 在 SwiftUI 中，如何为 UIButton 提供渐变并为该按钮提供具有相同渐变的底部阴影？

Question

所以我的设计师 friend 为我制作了一个密码生成器的模型，我将制作 https://imgur.com/gallery/LZNNrWj而且我不知道如何使用 SwiftUI 在该渐变中编码，按钮的渐变是 #41A5ED -> #3099D8 并朝这个方向前进(见图)https://imgur.com/gallery/2rd7Iix左上角是#41A5ED，右下角是#3099D8。我也想给这个按钮一个像这样的底部阴影 https://imgur.com/gallery/gEmBJ1w与按钮具有相同的渐变。如果您对我将如何做这件事有任何想法，请告诉我，因为我完全迷路了。

Answer 1

你可以这样做:

Button(action: createTask) {
                   Text(“MyButton“)
                       .color(.white)
                       .font(Font.system(size: 17))
                       .frame(height: 56)
                       .frame(minWidth: 0, maxWidth: .infinity)
                       .background(LinearGradient.actionButton, cornerRadius: 28)
                       .shadow() // configure shadow as you want
                   }

为了提高代码的可读性，我单独创建了渐变:

fileprivate extension LinearGradient {
   static let actionButton = LinearGradient(gradient: Gradient(colors: [Color(“ActionGradientFirst”), Color(“ActionGradientSecond”)]),
                                            startPoint: .topLeading,
                                            endPoint: .bottomTrailing)
}

颜色 ActionGradientFirst 和 ActionGradientSecond 我在 Assets.xcasset 中声明