AnimatedGradientView 是一个 UIView 子类,它使得在您的 iOS 应用中添加动画渐变变得简单。它完全使用 Swift 编写。更多文档可以在本博客文章中找到。
功能
- 轻松创建动画渐变或静态渐变。
- 可配置渐变方向。
- 使用十六进制值、RGB 值或名称来指定颜色(包括在 iOS 11 或更高版本中指定的资产目录中的颜色名称)。
- 支持在具有不同颜色数量的渐变之间进行动画。
- 支持轴向、径向以及 iOS 12 的锥形渐变。
- 使用
startAnimating
和stopAnimating
函数自动播放或手动播放动画。 - 使用
autoRepeat
属性循环动画。
要了解更多关于如何使用 AnimatedGradientView 的信息,请查看博客文章,查看示例应用,在Appetize.io上的演示,或使用下面的目录表
AnimatedGradientView 3.0.0 中的新功能
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
CocoaPods是一个集成依赖项到Xcode工作区的依赖项管理器。要使用RubyGems安装它,请运行
gem install cocoapods
要使用CocoaPods安装AnimatedGradientView,只需在你的Podfile中添加以下行
pod "AnimatedGradientView"
然后运行以下命令
pod install
有关更多信息,请参阅此处。
Carthage
Carthage是一个依赖项管理器,可以为您项目生成二进制文件,然后手动将其集成到项目中。您可以使用Homebrew命令安装它
brew update
brew install carthage
为了通过Carthage将AnimatedGradientView集成到您的项目中,请将以下行添加到项目的Cartfile中
github "rwbutler/AnimatedGradientView"
在macOS终端中运行carthage update --platform iOS
以构建框架,然后将AnimatedGradientView.framework
拖入您的Xcode项目。
有关更多信息,请参阅此处。
Swift 包管理器
Swift 包管理器是直接集成在 Xcode 11 及以上版本中的依赖项管理器。从“文件”菜单中,向您的项目添加新的 Swift 包依赖项,并将此项目的 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 - iOS平台强大的渐变动画工具,让渐变动画变得简单。
AnimatedGradientView |
---|
![]() |
框架
- Cheats - 为现代iOS应用提供复古式的作弊码。
- Connectivity - 优化Reachability,用于确定iOS应用的网络连接性。
- FeatureFlags - 允许开发者配置功能标志,通过捆绑式/远程托管JSON配置文件运行多个A/B或MVT测试。
- FlexibleRowHeightGridLayout - 专为支持动态类型而设计的UICollectionView网格布局,允许每行的高度根据内容调整。
- Hash - 使用流行的哈希函数(包括MD5、SHA-1、SHA-256)生成消息摘要和HMAC的轻量级方法。
- Skylark - 全Swift BDD测试框架,支持使用Gherkin语法编写Cucumber场景。
- TailorSwift - bootstropCollectionOf有用的Swift Core Library / Foundation框架扩展。
- TypographyKit - 基于动态字体的iOS上的一致且可访问的视觉样式。
- Updates - 自动检测应用程序更新并温和提示用户更新。
Cheats | Connectivity | FeatureFlags | Skylark | TypographyKit | Updates |
---|---|---|---|---|---|
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
工具
- Clear DerivedData - 通过Terminal中的cdd命令快速清除DerivedData目录的工具。
- Config Validator - 验证并上传配置文件,并在CI过程中清除缓存,属于您的配置验证的一部分。
- IPA Uploader - 用于上传应用至TestFlight和App Store。
- 调色板 - 在Xcode界面构建器中使您的TypographyKit颜色调色板可用。
Config Validator | IPA Uploader | 调色板 |
---|---|---|
![]() |
![]() |
![]() |