Skip to content

Create complementary gradients generated from dominant and prominent colors in supplied image. Inspired by Grade.js

License

Notifications You must be signed in to change notification settings

gkye/ComplimentaryGradientView

Repository files navigation

codebeat badge

ComplimentaryGradientView

Create complementary gradients generated from dominant and prominent colors in supplied image. Inspired by Grade.js ❤️

.all
gradientStartPoint: left
colors(start: .primary, end: .background)
gradientStartPoint:top

colors(start: .detail, end: .background)
gradientStartPoint:top |
colors(start: .secondary, end: .background)
gradientStartPoint:bottom :-------------------------:|:-------------------------: |

Demo

Sorry for the poor quality gif

Demo

Usage

Code

let gradientView = ComplimentaryGradientView(frame: CGRect(x: 0, y: 0, width: 300, height: 300))

//Colors for gradient are derived from the provided image
gradientView.image = UIImage(named: "myImg")

gradientView.gradientTpye = .colors(start: .primary, end: .secondary)

// Default = `.left`
gradientView.gradientStartPoint = .left

// Default = `.high`
gradientView.quality = .high

Storyboard

Demo

Migration Guide.

Version 3.0 introduces GradientVariant and reduces GradientType to two simple options:

// Create a gradient using all colors found in image
 case all 
 // Create gradient using variants. ie. .colors(start: .primary, end: .detail) 
 case colors(start: GradientVariant, end: GradientVariant) 

Installation

CocoaPods

ComplimentaryGradientView is available through CocoaPods. To install it, simply add the following line to your Podfile:

Swift 4.2

pod 'ComplimentaryGradientView', '~> 3.0'

Swift3.

pod 'ComplimentaryGradientView', '~> 0.1.7'

Swift 2.2

pod 'ComplimentaryGradientView', '~> 0.1.0'

Manually

Download and drop ComplimentaryGradientView.xcodeproj into your project OR Drag Source folder into your project.

Dependencies

UIImageColors

License

ComplimentaryGradientView is available under the MIT license. See the LICENSE file for more info.

About

Create complementary gradients generated from dominant and prominent colors in supplied image. Inspired by Grade.js

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •