抖动特效 shaking animation

最新推荐文章于 2024-05-16 10:25:26 发布

iteye_7514

最新推荐文章于 2024-05-16 10:25:26 发布

阅读量119

点赞数

本文介绍了两种在iOS中实现视图震动效果的方法：一种是通过设置动画代理和选择器来实现视图的左右震动；另一种是使用块语法简化震动效果的实现过程。这两种方法都能够让应用程序中的视图产生地震般的震动效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

- (void)earthquake:(UIView*)itemView

{

// AudioServicesPlaySystemSound(kSystemSoundID_Vibrate);

CGFloat t = 2.0;

CGAffineTransform leftQuake =CGAffineTransformTranslate(CGAffineTransformIdentity, t, -t);

CGAffineTransform rightQuake =CGAffineTransformTranslate(CGAffineTransformIdentity, -t, t);

itemView.transform = leftQuake; // starting point

[UIView beginAnimations:@"earthquake"context:itemView];

[UIView setAnimationRepeatAutoreverses:YES];// important

[UIView setAnimationRepeatCount:3];

[UIView setAnimationDuration:0.05];

[UIView setAnimationDelegate:self];

[UIView setAnimationDidStopSelector:@selector(earthquakeEnded:finished:context:)];

itemView.transform = rightQuake; // end here & auto-reverse

[UIView commitAnimations];

}

- (void)earthquakeEnded:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context

{

if ([finished boolValue])

{

UIView* item = (UIView *)context;

//每次变换前都要置位，不然你变换用的坐标系统不是屏幕坐标系统（即绝对坐标系统），而是上一次变换后的坐标系统

item.transform = CGAffineTransformIdentity;

}

方法二利用块语法

- (void)shakeView:(UIView *)viewToShake
{
  CGFloat t = 2.0;
  CGAffineTransform translateRight = CGAffineTransformTranslate(CGAffineTransformIdentity, t, 0.0);
  CGAffineTransform translateLeft = CGAffineTransformTranslate(CGAffineTransformIdentity, -t, 0.0);

  viewToShake.transform = translateLeft;

  [UIView animateWithDuration:0.07 delay:0.0 options:UIViewAnimationOptionAutoreverse|UIViewAnimationOptionRepeat animations:^{
    [UIView setAnimationRepeatCount:2.0];
    viewToShake.transform = translateRight;
  } completion:^(BOOL finished) {
    if (finished) {
      [UIView animateWithDuration:0.05 delay:0.0 options:UIViewAnimationOptionBeginFromCurrentState animations:^{
        viewToShake.transform = CGAffineTransformIdentity;
      } completion:NULL];
    }
  }];