Getting started with iOS UILabel Change Status Bar Color Passing Data between View Controllers Managing the Keyboard UIButton UILocalNotification UIImageView Checking for Network Connectivity Accessibility UITableView Auto Layout UIView UIAlertController MKMapView UIColor NSAttributedString CAAnimation UITextView UINavigationController Concurrency CAGradientLayer UIGestureRecognizer Custom UIViews from XIB files Safari Services UIStackView UIImage UIWebView CALayer iOS - Implementation of XMPP with Robbie Hanson framework Swift and Objective-C interoperability NSDate Custom fonts AVSpeechSynthesizer UIBarButtonItem UIScrollView Localization NSNotificationCenter UITextField Alamofire UIViewController iBeacon CLLocation NSURLSession UISwitch Checking iOS version Universal Links UICollectionView PDF Creation in iOS In-App Purchase NSTimer CGContext Reference UITabBarController UISearchController UIActivityViewController Core Location FacebookSDK AFNetworking CTCallCenter UIImagePickerController NSUserDefaults UIControl - Event Handling with Blocks UIBezierPath UIPageViewController UIAppearance Push Notifications Key Value Coding-Key Value Observation Initialization idioms Storyboard Background Modes and Events Fastlane CAShapeLayer WKWebView UUID (Universally Unique Identifier)Categories Handling URL Schemes Realm ARC (Automatic Reference Counting)UIPickerView Dynamic Type NSURL SWRevealViewController Snapshot of UIView DispatchGroup GCD (Grand Central Dispatch)Size Classes and Adaptivity UIScrollView AutoLayout IBOutlets AWS SDK Debugging Crashes UISplitViewController UISplitViewController UIDevice CloudKit GameplayKit Xcode Build & Archive From Command Line XCTest framework - Unit Testing NSData AVPlayer and AVPlayerViewController Deep Linking in iOS App Transport Security (ATS)Core Graphics Segues UIDatePicker NSPredicate EventKit NSBundle SiriKit Contacts Framework Dynamically updating a UIStackView iOS 10 Speech Recognition API NSURLConnection StoreKit Code signing Create .ipa File to upload on appstore with Applicationloader Resizing UIImage Size Classes and Adaptivity MKDistanceFormatter 3D Touch GameCenter Leaderboards Keychain Handle Multiple Environment using Macro Set View Background Block Content Hugging/Content Compression in Autolayout iOS Google Places API Navigation Bar UITextField Delegate App wide operations UILabel text underlining Cut a UIImage into a circle Make selective UIView corners rounded Convert HTML to NSAttributed string and vice verse Convert NSAttributedString to UIImage CoreImage Filters Face Detection Using CoreImage/OpenCV MPMediaPickerDelegate Graph (Coreplot)NSHTTPCookieStorage FCM Messaging in Swift Create a Custom framework in iOS Custom Keyboard AirDrop SLComposeViewController AirPrint tutorial in iOS UISlider Carthage iOS Setup Healthkit Core SpotLight in iOS UI Testing Core Motion QR Code Scanner plist iOS NSInvocation UIRefreshControl TableView WCSessionDelegate AppDelegate App Submission Process MVVM UIStoryboard Basic text file I/O iOS TTS MPVolumeView Objective-C Associated Objects Passing Data between View Controllers (with MessageBox-Concept)UIPheonix - easy, flexible, dynamic & highly scalable UI framework Chain Blocks in a Queue (with MKBlockQueue)Simulator Background Modes NSArray OpenGL UIScrollView with StackView child Cache online images MVP Architecture UIKit Dynamics Configure Beacons with CoreBluetooth Core Data Extension for rich Push Notification - iOS 10.Profile with Instruments Application rating/review request MyLayout UIFont Simulator Builds Simulating Location Using GPX files iOS Custom methods of selection of UITableViewCells Custom methods of selection of UITableViewCells UISegmentedControl SqlCipher integration Custom UITextField Security Guideline to choose best iOS Architecture Patterns UIFeedbackGenerator UIKit Dynamics with UICollectionView Multicast Delegates Using Image Aseets UITableViewCell Runtime in Objective-C ModelPresentationStyles CydiaSubstrate tweak Create a video from images Codable FileHandle NSUserActivity Rich Notifications Load images async ADDING A SWIFT BRIDGING HEADER Creating an App ID Swift: Changing the rootViewController in AppDelegate to present main or login/onboarding flow attributedText in UILabel UITableViewController

CAGradientLayer

Remarks:

Use startPoint and endPoint to change the orientation of the CAGradientLayer.
Use the locations to affect the spread/positions of the colors.

Creating a CAGradientLayer

// View to hold the CAGradientLayer.
let view: UIView = UIView(frame: CGRect(x: 0, y: 0, width: 320, height: 320))
    
// Initialize gradient layer.
let gradientLayer: CAGradientLayer = CAGradientLayer()
    
// Set frame of gradient layer.
gradientLayer.frame = view.bounds
   
// Color at the top of the gradient.
let topColor: CGColor = UIColor.red.cgColor
    
// Color at the bottom of the gradient.
let bottomColor: CGColor = UIColor.yellow.cgColor
    
// Set colors.
gradientLayer.colors = [topColor, bottomColor]
    
// Set locations of the colors.
gradientLayer.locations = [0.0, 1.0]
    
// Insert gradient layer into view's layer heirarchy.
view.layer.insertSublayer(gradientLayer, at: 0)

Result :

Creating a CGGradientLayer with multiple colors.

// View to hold the CAGradientLayer.
let view: UIView = UIView(frame: CGRect(x: 0, y: 0, width: 320, height: 320))
    
// Initialize gradient layer.
let gradientLayer: CAGradientLayer = CAGradientLayer()
    
// Set frame of gradient layer.
gradientLayer.frame = view.bounds
    
// Color at the top of the gradient.
let topColor: CGColor = UIColor.blue.cgColor
    
// Color at the middle of the gradient.
let middleColor: CGColor = UIColor.yellow.cgColor
    
// Color at the bottom of the gradient.
let bottomColor: CGColor = UIColor.green.cgColor
    
// Set colors.
gradientLayer.colors = [topColor, middleColor, bottomColor]
    
// Set locations of the colors.
gradientLayer.locations = [0.0, 0.5, 1.0]
    
// Insert gradient layer into view's layer heirarchy.
view.layer.insertSublayer(gradientLayer, at: 0)

Result :

Creating a horizontal CAGradientLayer.

// View to hold the CAGradientLayer.
let view: UIView = UIView(frame: CGRect(x: 0, y: 0, width: 320, height: 320))

// Initialize gradient layer.
let gradientLayer: CAGradientLayer = CAGradientLayer()

// Set frame of gradient layer.
gradientLayer.frame = view.bounds

// Color at the top of the gradient.
let topColor: CGColor = UIColor.redColor().CGColor

// Color at the bottom of the gradient.
let bottomColor: CGColor = UIColor.yellowColor().CGColor

// Set colors.
gradientLayer.colors = [topColor, bottomColor]

// Set start point.
gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)

// Set end point.
gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)

// Insert gradient layer into view's layer heirarchy.
view.layer.insertSublayer(gradientLayer, atIndex: 0)

Result :

Creating a horizontal CAGradientLayer with multiple colors.

// View to hold the CAGradientLayer.
let view: UIView = UIView(frame: CGRect(x: 0, y: 0, width: 320, height: 320))

// Initialize gradient layer.
let gradientLayer: CAGradientLayer = CAGradientLayer()

// Set frame of gradient layer.
gradientLayer.frame = view.bounds

// Color at the top of the gradient.
let topColor: CGColor = UIColor.greenColor().CGColor

// Color at the middle of the gradient.
let middleColor: CGColor = UIColor.blueColor().CGColor

// Color at the bottom of the gradient.
let bottomColor: CGColor = UIColor.blackColor().CGColor

// Set colors.
gradientLayer.colors = [topColor, middleColor, bottomColor]

// Set start point.
gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)

// Set end point.
gradientLayer.endPoint = CGPoint(x: 1.0, y: 0.5)

// Insert gradient layer into view's layer heirarchy.
view.layer.insertSublayer(gradientLayer, atIndex: 0)

Result :

Animating a color change in CAGradientLayer.

// Get the current colors of the gradient.
let oldColors = self.gradientLayer.colors
    
// Define the new colors for the gradient.
let newColors = [UIColor.red.cgColor, UIColor.yellow.cgColor]
    
// Set the new colors of the gradient.
self.gradientLayer.colors = newColors
    
// Initialize new animation for changing the colors of the gradient.
let animation: CABasicAnimation = CABasicAnimation(keyPath: "colors")
    
// Set current color value.
animation.fromValue = oldColors
    
// Set new color value.
animation.toValue = newColors
   
// Set duration of animation.
animation.duration = 0.3
    
// Set animation to remove once its completed.
animation.isRemovedOnCompletion = true
    
// Set receiver to remain visible in its final state when the animation is completed.
animation.fillMode = kCAFillModeForwards
    
// Set linear pacing, which causes an animation to occur evenly over its duration.
animation.timingFunction = CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
    
// Set delegate of animation.
animation.delegate = self
    
// Add the animation.
self.gradientLayer.addAnimation(animation, forKey: "animateGradientColorChange")

Result :

Syntax:

CAGradientLayer() // Returns an initialized CALayer object.
CAGradientLayer(layer: layer) // Override to copy or initialize custom fields of the specified layer.

Parameters:

Parameter	Details
color	An array of `CGColorRef` objects defining the color of each gradient stop. Animatable.
locations	An optional array of `NSNumber` objects defining the location of each gradient stop. Animatable.
endPoint	The end point of the gradient when drawn in the layer’s coordinate space. Animatable.
startPoint	The start point of the gradient when drawn in the layer’s coordinate space. Animatable.
type	Style of gradient drawn by the layer. Defaults to `kCAGradientLayerAxial`.

Contributors

Topic Id: 1190

Example Ids: 3856,4227,4228,4229,12652

This site is not affiliated with any of the contributors.