iOS添加到购物车的简单动画效果

简介:
 

#pragma mark - 添加到购物车的动画效果
// huangyibiao
- (void)addAnimatedWithFrame:(CGRect)frame {
  // 该部分动画 以self.view为参考系进行
  frame = [[UIApplication sharedApplication].keyWindow  convertRect:frame fromView:self.RFcell.headBtn];
  UIButton *move = [[UIButton alloc] initWithFrame:frame];
  [move setBackgroundColor:UIColorFromRGB(0xFFA215)];
  [move setTitle:self.RFcell.headBtn.currentTitle forState:UIControlStateNormal];
  [move setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
  move.contentMode = UIViewContentModeScaleToFill;
  [[UIApplication sharedApplication].keyWindow addSubview:move];
  // 加入购物车动画效果
  [UIView animateWithDuration:1.2 animations:^{
    move.frame = CGRectMake(320 - frame.size.width  - 20, 24,
                            frame.size.width, frame.size.height);
  } completion:^(BOOL finished) {
    [move removeFromSuperview];
    if (self.cartCategoriesLabel == nil) {
      self.cartCategoriesLabel = [[UILabel alloc] initWithFrame:CGRectMake((16 - 8) / 2, (16 - 8) / 2, 8, 8)];
      self.cartCategoriesLabel .textColor = [UIColor whiteColor];
      self.cartCategoriesLabel .backgroundColor = [UIColor clearColor];
      self.cartCategoriesLabel .textAlignment = NSTextAlignmentCenter;
      self.cartCategoriesLabel .font = [UIFont systemFontOfSize:9];
      UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(15, 8, 16, 16)];
      imgView.image = [UIImage imageNamed:@"news"];
      [imgView addSubview:self.cartCategoriesLabel];
      [self.cartButton addSubview:imgView];
    }
    self.cartCategoriesLabel .text = [NSString stringWithFormat:@"%d", _cartCategories.count];
  }];
  
  return;
}



frame参数是按钮的frame,也就是原来所在父视图上的Frame

这里会将原来的frame转换成window上的frame

在动画完成后,更新显示购物车中的商品种类数

目录
相关文章
|
iOS开发
iOS 动画绘制圆形
iOS 动画绘制圆形
424 1
|
编译器 iOS开发 异构计算
读iOS核心动画笔记
读iOS核心动画笔记
307 0
|
iOS开发
iOS 常用阅读软件打开书籍的转场动画
iOS 常用阅读软件打开书籍的转场动画
385 0
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
【10月更文挑战第18天】本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户按下按钮时,按钮将从圆形变为椭圆形并从蓝色渐变为绿色;释放按钮时,动画恢复原状。通过UIView的动画方法和弹簧动画效果,实现平滑自然的动画过渡。
456 5
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户点击按钮时,按钮将从圆形变为椭圆形,颜色从蓝色渐变到绿色;释放按钮时,动画以相反方式恢复。通过UIView的动画方法和弹簧动画效果,实现平滑自然的过渡。
494 1
|
Swift iOS开发 UED
揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【9月更文挑战第5天】本文通过具体案例介绍如何在iOS应用中使用Swift与UIKit实现自定义按钮动画,当用户点击按钮时,按钮将从圆形变为椭圆形并从蓝色渐变到绿色,释放后恢复原状。文中详细展示了代码实现过程及动画平滑过渡的技巧,帮助读者提升应用的视觉体验与特色。
470 11
|
Swift iOS开发 UED
【绝妙创意】颠覆你的视觉体验!揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【8月更文挑战第13天】本文通过一个具体案例,介绍如何使用Swift与UIKit在iOS应用中创建独特的按钮动画效果。当按钮被按下时,其形状从圆形变化为椭圆形,颜色则从蓝色渐变为绿色;释放后,动画反向恢复原状。利用UIView动画方法及弹簧动画效果,实现了平滑自然的过渡。通过调整参数,开发者可以进一步优化动画体验,增强应用的互动性和视觉吸引力。
359 7
|
iOS开发
iOS设备功能和框架: 如何使用 Core Animation 创建动画效果?
iOS设备功能和框架: 如何使用 Core Animation 创建动画效果?
488 0
|
API iOS开发
iOS 自定义转场动画 UIViewControllerTransitioning
iOS 自定义转场动画 UIViewControllerTransitioning
495 0
|
API iOS开发
iOS 核心动画
iOS 核心动画
273 0