動態(tài)漸變動畫界面

import UIKit

open class GradientView: UIView {
    
    fileprivate struct AnimationKey {
        static let colors = "colors"
        static let colorChange = "ColorChange"
    }
    
    public enum Point {
        case left, right
        case top, bottom
        
        /// 上部分邊角
        case upperLeft, upperRight
        
        /// 下部分邊角
        case lowerLeft, lowerRight
        
        case custom(position: CGPoint)
        
        
        var point: CGPoint {
            switch self {
            case .left:                         return CGPoint(x: 0, y: 0.5)
            case .right:                        return CGPoint(x: 1, y: 0.5)
                
            case .top:                          return CGPoint(x: 0.5, y: 0)
            case .bottom:                       return CGPoint(x: 0.5, y: 1)
                
            case .upperLeft:                    return CGPoint(x: 0, y: 0)
            case .upperRight:                   return CGPoint(x: 1, y: 0)
                
            case .lowerLeft:                    return CGPoint(x: 0, y: 1)
            case .lowerRight:                   return CGPoint(x: 1, y: 1)
                
            case .custom(position: let point):  return point
            }
        }
    }
    
    
    open var startPoint: Point = .upperRight
    open var endPoint: Point = .lowerLeft
    
    open var animationDuration: CFTimeInterval = 3.0
    
    
    fileprivate let gradientLayer = CAGradientLayer()
    fileprivate var currentGradient = 0
    fileprivate var colors = [#colorLiteral(red: 0.6117647059, green: 0.1529411765, blue: 0.6901960784, alpha: 1), #colorLiteral(red: 1, green: 0.2509803922, blue: 0.5058823529, alpha: 1), #colorLiteral(red: 0.4823529412, green: 0.1215686275, blue: 0.6352941176, alpha: 1), #colorLiteral(red: 0.1254901961, green: 0.2980392157, blue: 1, alpha: 1), #colorLiteral(red: 0.1254901961, green: 0.6196078431, blue: 1, alpha: 1), #colorLiteral(red: 0.3529411765, green: 0.4705882353, blue: 0.4980392157, alpha: 1), #colorLiteral(red: 0.2274509804, green: 1, blue: 0.8509803922, alpha: 1)]
    
    
    open override func removeFromSuperview() {
        super.removeFromSuperview()
        gradientLayer.removeAllAnimations()
        gradientLayer.removeFromSuperlayer()
    }
    
}


extension GradientView {
    
    open func startAnimation() {
        gradientLayer.removeAllAnimations()
        setupGradientLayer()
        setupAnimation()
    }
    
    open func set(colors: [UIColor]) {
        guard colors.count > 0 else { return }
        self.colors = colors
    }
    
    open func add(color: UIColor) {
        colors.append(color)
    }
    
}


extension GradientView {
    
    fileprivate func setupGradientLayer() {
        gradientLayer.frame = self.bounds
        gradientLayer.colors = convertToCGColor()
        gradientLayer.startPoint = startPoint.point
        gradientLayer.endPoint = endPoint.point
        gradientLayer.drawsAsynchronously = true
        
        self.layer.insertSublayer(gradientLayer, at: 0)
    }
    
    fileprivate func convertToCGColor() -> [CGColor]? {
        guard colors.count > 0 else { return nil }
        
        return [colors[currentGradient % colors.count].cgColor,
                colors[(currentGradient + 1) % colors.count].cgColor]
    }
    
    fileprivate func setupAnimation() {
        currentGradient += 1
        let animation = CABasicAnimation(keyPath: AnimationKey.colors)
        animation.duration = animationDuration
        animation.toValue = convertToCGColor()
        animation.fillMode = kCAFillModeForwards
        animation.isRemovedOnCompletion = false
        animation.delegate = self
        
        gradientLayer.add(animation, forKey: AnimationKey.colorChange)
    }
    
}


extension GradientView: CAAnimationDelegate {
    
    public func animationDidStop(_ anim: CAAnimation, finished flag: Bool) {
        if flag {
            gradientLayer.colors = convertToCGColor()
            setupAnimation()
        }
    }
    
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌芹橡,老刑警劉巖细燎,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坎怪,死亡現(xiàn)場離奇詭異仆邓,居然都是意外死亡,警方通過查閱死者的電腦和手機淋袖,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門鸿市,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人适贸,你說我怎么就攤上這事灸芳。” “怎么了拜姿?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵烙样,是天一觀的道長。 經(jīng)常有香客問我蕊肥,道長谒获,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任壁却,我火速辦了婚禮批狱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘展东。我一直安慰自己赔硫,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布盐肃。 她就那樣靜靜地躺著爪膊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪砸王。 梳的紋絲不亂的頭發(fā)上推盛,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機與錄音谦铃,去河邊找鬼耘成。 笑死,一個胖子當(dāng)著我的面吹牛驹闰,可吹牛的內(nèi)容都是我干的瘪菌。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼嘹朗,長吁一口氣:“原來是場噩夢啊……” “哼师妙!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起骡显,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤疆栏,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后惫谤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體壁顶,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年溜歪,在試婚紗的時候發(fā)現(xiàn)自己被綠了若专。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡蝴猪,死狀恐怖调衰,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情自阱,我是刑警寧澤嚎莉,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站沛豌,受9級特大地震影響趋箩,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜加派,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一叫确、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧芍锦,春花似錦竹勉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至车胡,卻和暖如春檬输,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背匈棘。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工丧慈, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人主卫。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓逃默,卻偏偏與公主長得像,于是被迫代替她去往敵國和親簇搅。 傳聞我的和親對象是個殘疾皇子完域,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容