代码之家 › 专栏 › 技术社区 › MegaManX

用4种颜色和小交点创建渐变?

cagradientlayer swift ios

MegaManX · 技术社区 · 4 年前

这里有很多关于如何创建多色渐变的问题,但我正在努力创建渐变区域较小的渐变。例如,我想在视图上显示4种颜色,我想让颜色之间的3个交点具有较小的渐变。

    gradientLayer = CAGradientLayer()
    gradientLayer.frame = gradientFrame
    let locations = [Float](arrayLiteral: 0.3, 0.35, 0.8, 0.85)
    gradientLayer.locations = locations.map { NSNumber(value: $0) }
    gradientLayer.colors = [UIColor.red.cgColor,
                            UIColor.orange.cgColor,
                            UIColor.green.cgColor,
                            UIColor.gray.cgColor]
    layer.insertSublayer(gradientLayer, at: 0)

我在红色和橙色、绿色和灰色之间得到了很好的渐变。但橙色和绿色之间的渐变要大得多,看起来不太对劲。

我无法解决这个问题。有什么解决方案吗?

0 回复 | 直到 4 年前

matt 4 年前

使用绿色两次按照颜色的顺序。红、橙、绿、灰。现在,您可以在中间有一个大的实心绿色,在其两侧有一个薄的过渡。示例:

    let locations = [Float](arrayLiteral: 0.3, 0.35, 0.4, 0.8, 0.85)
    gradientLayer.locations = locations.map { NSNumber(value: $0) }
    gradientLayer.colors = [UIColor.red.cgColor,
                            UIColor.orange.cgColor,
                            UIColor.green.cgColor,
                            UIColor.green.cgColor,
                            UIColor.gray.cgColor]

这是一般原则;你可以随意调整。

推荐文章

Mark George · 如何在swift ui中为文本提供内部填充

1 年前

Safa Ads · CDN:无法下载中继URL:https://cdn.jsdelivr.net/cocoa/Specs/2/e/c/RxSwift/3.0.0-rc.1/RxSwift.podspec.json响应:SSL连接错误

1 年前

Community wiki · 如何在UISplitViewController中使用didSelectRow传递数据-从主到详细

1 年前

Laura Corssac · 转换在NavigationView中不起作用

2 年前

Alejandro Jacobs · 如何在Swift中访问TableView标题中的按钮?

2 年前

Euan Traynor · UITextField未检测到“刷到类型”的更改

2 年前

LaurenTsai · 如何在Flatter中的BottomAppBar中的图标下方创建文本?

2 年前

Frakcool · 满足条件时,SwiftUI动画背景颜色更改

2 年前

Michael Long · Swift中等级一致性的铸造和测试[副本]

2 年前

bhartsb · 调用文本的目的是什么。flatMap(URL.init)?

2 年前