AnimatedGradientView is a UIView subclass which makes it simple to add animated gradients to your iOS app. It is written purely in Swift. Further documentation available as part of this blog post.
To learn more about how to use AnimatedGradientView, check out the blog post, take a look at the example app, the demo over on Appetize.io, or make use of the table of contents below:
AnimatedGradientView 3.0.0 provides support for Xcode 12 and raises the minimum deployment target to iOS 9 (dropping support for iOS 8).
Creating and adding a new
AnimatedGradientView as a subview is as simple as follows:
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)
You'll also need to remember to import the framework using
AnimatedGradientView is written in Swift 5.0 and is available on iOS 8.0 or higher.
CocoaPods is a dependency manager which integrates dependencies into your Xcode workspace. To install it using RubyGems run:
gem install cocoapods
To install AnimatedGradientView using Cocoapods, simply add the following line to your Podfile:
Then run the command:
For more information see here.
Carthage is a dependency manager which produces a binary for manual integration into your project. It can be installed via Homebrew using the commands:
brew update brew install carthage
In order to integrate AnimatedGradientView into your project via Carthage, add the following line to your project's Cartfile:
From the macOS Terminal run
carthage update --platform iOS to build the framework then drag
AnimatedGradientView.framework into your Xcode project.
For more information see here.
Swift Package Manager is a dependency manager built right into Xcode 11 and higher. From the File menu, add a new Swift Package dependency to your project and paste in this project's Git URL.
If all you need is a gradient without animation this is easily achieved by setting the
colors property to an array of
UIColor as follows:
let gradient = AnimatedGradientView(frame: view.bounds) gradient.colors = [[UIColor.blue, UIColor.red]] gradient.direction = .up view.addSubview(gradient)
colors property is actually an array of
UIColor arrays. If further
UIColor arrays are specified then animation will occur between them. Using the
direction property it also possible to define the direction of the gradient.
If it is more convenient to work with hex color strings rather than
UIColor then make use of the
colorStrings property instead as follows:
let gradient = AnimatedGradientView(frame: view.bounds) gradient.colorStrings = [["#3224AE", "#FF66FF"]] gradient.direction = .up view.addSubview(gradient)
AnimatedGradientView supports three types of gradients which can be set using the
let gradient = AnimatedGradientView(frame: view.bounds) gradient.autoAnimate = false gradient.colorStrings = [["#3224AE", "#FF66FF"]] gradient.type = .axial view.addSubview(gradient)
The three gradient types supported are:
This is your standard linear gradient blending between color stops from the start point to the end point.
The gradient appears to radiate outwards from the start point (at the center) towards the end point in a circular fashion blending between the color stops from the start point to end point as with a linear gradient.
This type of gradient is only available from iOS 12 onwards. It is similar to a radial gradient in that the start point represents the center of the circle and the end point represents a point on the outer edge. However, whilst a radial gradient blends between color stops from the start point to the end point (from the center to the outer edge), a conic gradient places the color stops along the outer edge of the circle blending between the color stops from 0 degrees to 360 degrees.
AnimatedGradientView is available under the MIT license. See the LICENSE file for more info.
cddfrom the Terminal.
|Config Validator||IPA Uploader||Palette|
|Last commit: 2 weeks ago|
Swiftpack is being maintained by Petr Pavlik | @ptrpavlik | @swiftpackco | API | Analytics