gpt4 book ai didi

io - 矩形中的 SwiftUI 对角线 LinearGradient

转载 作者:行者123 更新时间:2023-12-05 07:04:10 27 4
gpt4 key购买 nike

问题:我正在尝试在 SwiftUI 中以矩形呈现对角线线性渐变。

我实现了一个标准的多点线性渐变,它在呈现为正方形时效果很好,但是当我将框架更改为矩形时,它有一些奇怪的行为,看起来更水平,或者有一些奇怪的剪裁.

代码:

struct CustomGradient: View {

var body: some View {
LinearGradient(
gradient: Gradient(stops: [
.init(color: Color(#colorLiteral(red: 0.776, green: 0.266, blue: 0.988, alpha: 1)), location: 0),
.init(color: Color(#colorLiteral(red: 0.356, green: 0.348, blue: 0.870, alpha: 1)), location: 0.62),
.init(color: Color(#colorLiteral(red: 0.357, green: 0.349, blue: 0.870, alpha: 1)), location: 1)
]),
startPoint: .bottomTrailing,
endPoint: .topLeading
)
}

如果我将预览渲染为正方形,效果很好预习: enter image description here

代码:

struct BrandGradient_Previews: PreviewProvider {
static var previews: some View {
BrandGradient()
.frame(width: 300, height: 300)
}
}

但是,如果我将预览框架更改为 .frame(width: 300, height: 100),它会错误地呈现(IMO): enter image description here

如何让渐变在矩形和正方形中从一个角到另一个角渲染?

最佳答案

这是正常行为。这甚至不是一个 swiftui 问题。问题是你在较小的高度上拉伸(stretch)相同的颜色,因此颜色的分布会少得多,因此紫色不会像在正方形中那样在边缘消失(只是没有足够的空间) .

我把你的问题转给Adobe XDPhotoshop 等专业工具,结果和xCode 一样,我只是发帖Adobe XD 结果,您真的可以在线或离线在任何梯度生成器上运行相同的测试。

enter image description here

希望对您有所帮助。

关于io - 矩形中的 SwiftUI 对角线 LinearGradient,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63002314/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com