AnimatedGradientView 3.1.0

AnimatedGradientView 3.1.0

Ross Butler 维护。




Animated Gradient View Logo
Animated Gradient View

CI Status Version Carthage compatible Maintainability License Platform Swift 5.0 Reviewed by Hound

AnimatedGradientView 是一个 UIView 子类,它使得在您的 iOS 应用中添加动画渐变变得简单。它完全使用 Swift 编写。更多文档可以在本博客文章中找到

功能

  • 轻松创建动画渐变或静态渐变。
  • 可配置渐变方向。
  • 使用十六进制值、RGB 值或名称来指定颜色(包括在 iOS 11 或更高版本中指定的资产目录中的颜色名称)。
  • 支持在具有不同颜色数量的渐变之间进行动画。
  • 支持轴向、径向以及 iOS 12 的锥形渐变。
  • 使用 startAnimatingstopAnimating 函数自动播放或手动播放动画。
  • 使用 autoRepeat 属性循环动画。

Example

要了解更多关于如何使用 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)

支持的渐变类型有三种:

径向渐变

这是标准的线性渐变,从起点到终点进行颜色停止的混合。

Axial Gradient

径向

此渐变似乎从起点(中心)向外辐射到终点,呈圆形分布,颜色从起点到终点(从中心到外边缘)的渐变,与线性渐变类似。

Radial Gradient

圆锥

此类型渐变仅在iOS 12及以上版本中可用。它与径向渐变相似,起点表示圆心,终点表示圆的外围一点。然而,与径向渐变从起点到终点的颜色停点之间混合(从中心到外边缘)不同,圆锥渐变在圆的外围边缘放置颜色停点,从0度到360度之间混合颜色停点。

Conic Gradient

作者

Ross Butler

许可

AnimatedGradientView 在MIT许可下使用。更多详细信息请参阅 LICENSE 文件

其他软件

控件

AnimatedGradientView
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
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 调色板
Config Validator IPA Uploader Palette