AnimatedGradientView 是一个 UIView 子类,它可以让您轻松地为 iOS 应用程序添加动画渐变效果。它完全使用 Swift 编写。更多文档请参考此博客文章。
startAnimating
和 stopAnimating
函数自动或手动启动动画。autoRepeat
属性循环播放动画。要了解更多关于如何使用 AnimatedGradientView 的信息,请查看博客文章,查看示例应用程序,Appetize.io 上的演示,或使用下面的目录
AnimatedGradientView 3.0.0 提供对 Xcode 12 的支持,并将最低部署目标提高到 iOS 9(放弃对 iOS 8 的支持)。
创建和添加一个新的 AnimatedGradientView
作为子视图非常简单,如下所示
let animatedGradient = AnimatedGradientView(frame: view.bounds)
animatedGradient.direction = .up
animatedGradient.animationValues = [(colors: ["#2BC0E4", "#EAECC6"], .up, .axial),
(colors: ["#833ab4", "#fd1d1d", "#fcb045"], .right, .axial),
(colors: ["#003973", "#E5E5BE"], .down, .axial),
(colors: ["#1E9600", "#FFF200", "#FF0000"], .left, .axial)]
view.addSubview(animatedGradient)
您还需要记住使用 import AnimatedGradientView
导入框架。
AnimatedGradientView 使用 Swift 5.0 编写,可在 iOS 8.0 或更高版本上使用。
CocoaPods 是一个依赖管理器,它将依赖项集成到您的 Xcode 工作区中。要使用 RubyGems 安装它,请运行
gem install cocoapods
要使用 Cocoapods 安装 AnimatedGradientView,只需将以下行添加到您的 Podfile
pod "AnimatedGradientView"
然后运行命令
pod install
有关更多信息,请点击此处。
Carthage 是一个依赖管理器,它生成一个二进制文件,用于手动集成到您的项目中。可以通过 Homebrew 使用以下命令安装
brew update
brew install carthage
为了通过 Carthage 将 AnimatedGradientView 集成到您的项目中,请将以下行添加到您的项目的 Cartfile
github "rwbutler/AnimatedGradientView"
从 macOS 终端运行 carthage update --platform iOS
来构建框架,然后将 AnimatedGradientView.framework
拖到您的 Xcode 项目中。
有关更多信息,请点击此处。
Swift Package Manager 是一个内置于 Xcode 11 及更高版本的依赖管理器。从“文件”菜单中,向您的项目添加一个新的 Swift Package 依赖项,并粘贴此项目的 Git URL。
如果只需要一个没有动画的渐变,可以通过将 colors
属性设置为 UIColor
数组来轻松实现,如下所示
let gradient = AnimatedGradientView(frame: view.bounds)
gradient.colors = [[UIColor.blue, UIColor.red]]
gradient.direction = .up
view.addSubview(gradient)
colors
属性实际上是一个 UIColor
数组的数组。如果指定了更多的 UIColor
数组,则会在它们之间发生动画。使用 direction
属性还可以定义渐变的方向。
如果使用十六进制颜色字符串而不是 UIColor
更方便,则可以使用 colorStrings
属性,如下所示
let gradient = AnimatedGradientView(frame: view.bounds)
gradient.colorStrings = [["#3224AE", "#FF66FF"]]
gradient.direction = .up
view.addSubview(gradient)
AnimatedGradientView 支持三种类型的渐变,可以使用 type
属性进行设置。
let gradient = AnimatedGradientView(frame: view.bounds)
gradient.autoAnimate = false
gradient.colorStrings = [["#3224AE", "#FF66FF"]]
gradient.type = .axial
view.addSubview(gradient)
支持的三种渐变类型是
这是您的标准线性渐变,从起点到终点在颜色停止点之间混合。
渐变似乎从起点(中心)向终点呈圆形辐射,并在颜色停止点之间混合,就像线性渐变一样,从起点到终点。
这种类型的渐变仅在 iOS 12 及更高版本中可用。它类似于径向渐变,起点表示圆的中心,终点表示外边缘上的一个点。但是,虽然径向渐变在颜色停止点之间从起点到终点(从中心到外边缘)混合,但锥形渐变将颜色停止点沿圆的外边缘放置,并在颜色停止点之间从 0 度到 360 度混合。
AnimatedGradientView 在 MIT 许可证下可用。有关更多信息,请参阅LICENSE 文件。
AnimatedGradientView |
---|
![]() |
Cheats | Connectivity | FeatureFlags | Skylark | TypographyKit | Updates |
---|---|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
cdd
即可快速清除您的 DerivedData 目录。Config Validator | IPA Uploader | Palette |
---|---|---|
![]() |
![]() |
![]() |