定位图标上下跳动的动画

在很多的开发过程中,我们常常会需要加一些动画,来增加用户体验,下面是一种图片跳动的简易动画,类似于地图定位的大头针上下跳动的动画

1.基本控件的添加

UIImageView *imageView1 = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"park"]];
  [self.view addSubview:imageView1];
  [imageView1 mas_makeConstraints:^(MASConstraintMaker *make) {
     make.centerX.equalTo(self.view);
     make.centerY.equalTo(self.view).offset(-70);
   }];
 UILabel *lab = [CLKitTool label:@"努力寻找中..." textColor:[UIColor colorWithHexString:@"9c9c9c"] font:16 lines:1];
   [self.view addSubview:lab];
    [lab mas_makeConstraints:^(MASConstraintMaker *make) {
       make.centerX.equalTo(self.view);
       make.top.equalTo(imageView1.mas_bottom).offset(20);
   }];
2. 动画的添加

// animateWithDuration:动画时间,delay:延迟时间,usingSpringWithDamping:弹簧效果,initialSpringVelocity:初始速度

[UIView animateWithDuration:5.0 delay:0.3 usingSpringWithDamping:0.01 initialSpringVelocity:0.05 options:UIViewAnimationOptionCurveEaseInOut animations:^{  
CGPoint   point = imageView1.center;
point.y -= 15;//上下浮动就改变纵坐标
[imageView1 setCenter:point];
  } completion:^(BOOL finished) {
      // 动画完成后执行
      imageView1.image = [UIImage imageNamed:@"表情"];
      lab.text = @"没有为您查找到可用的停车场";
  }];

你可能感兴趣的:(定位图标上下跳动的动画)