簡單的滑動解鎖動畫

效果:

源碼很簡單,直接上代碼:

    // gradientLayer
    CAGradientLayer *gradientLayer = [CAGradientLayer layer];
    gradientLayer.frame = CGRectMake(0, 0, self.view.width, 68);
    gradientLayer.position = self.view.center;
    gradientLayer.colors = @[(__bridge id)[UIColor blackColor].CGColor,
                                (__bridge id)[UIColor whiteColor].CGColor,
                                (__bridge id)[UIColor blackColor].CGColor];
    gradientLayer.locations = @[@0.25,@0.5,@0.75];
    gradientLayer.startPoint = CGPointMake(0, 0);
    gradientLayer.endPoint = CGPointMake(1, 0);
    [self.view.layer addSublayer:gradientLayer];
    
    // unlockLabel
    self.unlockLabel = [[UILabel alloc] initWithFrame:gradientLayer.bounds];
    _unlockLabel.textAlignment = NSTextAlignmentCenter;
    _unlockLabel.text = @"滑動來解鎖 >>";
    _unlockLabel.font = [UIFont boldSystemFontOfSize:28];
    _unlockLabel.textColor = [UIColor colorWithWhite:0 alpha:0.8];
    gradientLayer.mask = _unlockLabel.layer;
    
    // animation
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"locations"];
    animation.fromValue = @[@0,@0,@0.25];
    animation.toValue = @[@0.75,@1,@1];
    animation.repeatCount = MAXFLOAT;
    animation.duration = 2.5f;
    [gradientLayer addAnimation:animation forKey:nil];

源碼已經(jīng)放在GitHubhttps://github.com/Fendouzhe/LRAnimations,有興趣的歡迎下載查看,有幫助可以star,謝謝!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 請?jiān)试S我借鑒前輩們的東西~~~~ 感激不盡~~~~~ 以下為Android 框架排行榜 么么噠~ Android...
    嗯_新閱讀 2,554評論 3 32
  • 陰天的咖啡,喝著特別的孤獨(dú)。不是身邊缺少親朋好友,而是來自情感上的孤獨(dú)。人每天都音影環(huán)繞,接觸很多的人和事,情感上...
    嵐嵐的悠哉悠哉閱讀 192評論 0 0
  • 春節(jié)期間幾乎很少出門,所以那個時候理所當(dāng)然沒有多少攝影素材咯。由于太久沒有出門拍攝了,我那顆“熱愛”攝影的心已經(jīng)躁...
    吾性本默閱讀 782評論 8 4
  • 在4月18日師訓(xùn)的課堂上,大兵老師用一個《贏在執(zhí)行》的故事引發(fā)了大家的思考,具體提出了以下三個問題。 ...
    東籬南閱讀 801評論 1 2
  • 在知名景點(diǎn)游玩,經(jīng)常會碰到攝影大師。他們大多留著長發(fā),頭戴攝影帽,身穿攝影馬夾,肩背攝影包,胸掛全幅單反(...
    戴軍軍閱讀 577評論 0 4

友情鏈接更多精彩內(nèi)容