iOS如何仿小紅書實現呼吸燈動畫

這篇文章主要為大家展示了“iOS如何仿小紅書實現呼吸燈動畫”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“iOS如何仿小紅書實現呼吸燈動畫”這篇文章吧。

最近公司需求做個類似小紅書的標簽呼吸燈動畫,經過一段時間研究使用兩種方式實現了該效果...

第一種方式使用定時器加 UIView動畫,核心方法如下

-(void)begigFlashAnimation {
  // 縮放 + 透明度動畫
  self.flashView.transform = CGAffineTransformMakeScale(0.1, 0.1);
  [UIView animateWithDuration:3 animations:^{
    self.flashView.transform = CGAffineTransformMakeScale(1,1);
    self.flashView.alpha = 1.0;
    [UIView beginAnimations:@"flash" context:nil];
    [UIView setAnimationDuration:2];
    [UIView setAnimationCurve:UIViewAnimationCurveLinear];
    self.flashView.alpha = 0;
    [UIView commitAnimations];
  }];
}

第二種方式使用核心動畫的動畫組,核心方法如下

- (CAAnimationGroup *)groups {
  if (!_groups) {
    // 縮放動畫
    CABasicAnimation * scaleAnim = [CABasicAnimation animation];
    scaleAnim.keyPath = @"transform.scale";
    scaleAnim.fromValue = @0.1;
    scaleAnim.toValue = @1;
    scaleAnim.duration = 2;
    // 透明度動畫
    CABasicAnimation *opacityAnim=[CABasicAnimation animationWithKeyPath:@"opacity"];
    opacityAnim.fromValue= @1;
    opacityAnim.toValue= @0.1;
    opacityAnim.duration= 2;
    // 創建動畫組
    _groups =[CAAnimationGroup animation];
    _groups.animations = @[scaleAnim,opacityAnim];
    _groups.removedOnCompletion = NO;
    _groups.fillMode = kCAFillModeForwards;
    _groups.duration = 2;
    _groups.repeatCount = FLT_MAX;
  }
  return _groups;
}

以上是“iOS如何仿小紅書實現呼吸燈動畫”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！