complimentarygradientview's Introduction

ComplimentaryGradientView

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

allColors/left	primaryBackground/top

detailBackground/top	secondaryBackground/bottom

Demo

Sorry for the poor quality gif

Installation

CocoaPods

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

Swift3.

pod 'ComplimentaryGradientView'

Swift 2.2

pod 'ComplimentaryGradientView', '~> 0.1.0'

Manually

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

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")

//Default = .backgroundPrimary (See GradientType enum for all possible values)
gradientView.gradientTpye = .backgroundPrimary

//Defaut = .Top. Possible values = Ttp, left, right, bottom
gradientView.gradientStartPoint = .left

Storyboard

Protocols

optional func complimentaryGradientView(didSetGradient gradientView: ComplimentaryGradientView, gradientSet: Bool)

Graident Types

public enum GradientType: String {
  
  //background
  case backgroundPrimary
  case backgroundSecondary
  case backgroundDetail
  //primary
  case primaryBackground
  case primarySecondary
  case primaryDetail
  //secondary
  case secondaryBackground
  case secondaryPrimary
  case secondaryDetail
  //detail
  case detailBackground
  case detailPrimary
  case detailSecondary
  //AllColors
  case allColors
}