主页 / coding / 问题 / 76955513
Accepted
Preem Palver2
Asked: 2023-08-23 01:12:22 +0800 CST

SwiftUI：如何创建颜色较浅的渐变？

  • 772

我正在尝试创建具有两种颜色的渐变：第一种颜色是变量，另一种是第一种颜色但亮 X%。

我尝试执行以下操作，但显然这不是可接受的颜色：

linearGradient(colors: [someColor, someColor.lighten(amount: 0.1)], startPoint: .top, endPoint: .bottom)

我的替代计划是分解someColor为 RGB 分量，然后计算颜色的较浅版本，但我不知道如何获取颜色的 RGB 分量。

感谢您的帮助！

swiftui

1 个回答

  1. Best Answer

    你能凑合使用不透明度来达到效果吗？

    LinearGradient(
    colors: [someColor, someColor.opacity(0.5)],
    startPoint: .top,
    endPoint: .bottom
)

    当然，这取决于背景，为了使其更亮，您最好选择白色作为背景。话又说回来，如果背景是默认的系统背景，那么这种方法会自动为您提供深色模式的深色，这将是一个优势。

    如果它应该总是更亮，那么您可以将白色背景应用于正在填充的形状。例如：

            Circle()
            .fill(
                LinearGradient(
                    colors: [someColor, someColor.opacity(0.5)],
                    startPoint: .top,
                    endPoint: .bottom
                )
            )
            .background {
                Color.white
                    .clipShape(Circle())
            }
    • 2

相关问题