SwiftUI 颜色渐变填充效果（教程含源码）

知识大胖

于 2020-09-07 16:22:00 发布

阅读量474

点赞数

CC 4.0 BY-SA版权

分类专栏： SwiftUI源码大全 SwiftUI 视频与图像处理VisionKit

本文链接：https://blog.csdn.net/iCloudEnd/article/details/108450354

SwiftUI源码大全同时被 2 个专栏收录

1425 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

SwiftUI 视频与图像处理VisionKit

55 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

SwiftUI 为我们提供了各种梯度选项，所有这些选项都可以通过多种方式使用。

Gradient 渐变器

A color gradient represented as an array of color stops, each having a parametric location value.

gradient是一组颜色的合集，每个颜色都忽略位置参数

LinearGradient 线性渐变器

线性渐变器拥有沿轴进行渐变函数，我们可以自定义设置颜色空间、起点和终点。

下面我们看看LinearGradient效果

import SwiftUI

struct LineView: View {
     var gradient: Gradient {
           let stops: [Gradient.Stop] = [
               .init(color: .red, location: 0.5),
               .init(color: .yellow, location: 0.5)
           ]
           return Gradient(stops: stops)