仿淘宝加入购物车动画

#pragma mark - 动画（加入购物车）
- (void)shopBagAni
{CGRect startRect;CGRect endRect;CGPoint imgPoint;//最右上角购物车图标位置imgPoint = [self.view convertPoint:sizeView.img_dress.center fromView:sizeView.img_dress];startRect = CGRectMake(imgPoint.x, imgPoint.y, sizeView.img_dress.bounds.size.width,sizeView.img_dress.bounds.size.height);endRect = CGRectMake(ScreenWidth-30,45, 0.0f, 0.0f);UIImageView *imgView_animation = [[UIImageView alloc]init];[imgView_animation setFrame:startRect];[imgView_animation setImage:sizeView.img_dress.image];[imgView_animation setBackgroundColor:COLOR_C_333333];imgView_animation.center = startRect.origin;[self.view addSubview:imgView_animation];[UIView beginAnimations:@"addToShopBagAnimation" context:(__bridge void *)(imgView_animation)];[UIView setAnimationDuration:0.7f];//接受动画代理[UIView setAnimationDelegate:self];[UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:context:)];[imgView_animation setFrame:endRect];//提交动画[UIView commitAnimations];
}
- (void)animationDidStop:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context
{if ([animationID isEqualToString:@"addToShopBagAnimation"]) {// 触发更新购物车上的小圆圈与加入购物车逻辑//[commFun refreshBadge:self.tabBarController];[[AlertHandler singleton]showToastHUD:self.view message:@"商品成功加入购物袋" sleepTime:1.5];[[NSNotificationCenter defaultCenter]postNotificationName:@"removeView" object:nil];}
}

效果大约如下：

仿淘宝加入购物车动画相关推荐

【Android 动画】仿淘宝加入购物车动画实现（附件demo）
在开发详情页时,我们需要实现这样一个下面这样的动画. 在看到这个动画设计的时候,我就想到"京东"和"淘宝"的加入购物车的动画. 话不多说,讲一下这个动画的实现原 ...
iOS 手机淘宝加入购物车动画分析
iOS 手机淘宝加入购物车动画分析 1.最终效果仿淘宝动画 2.核心代码 _cartAnimView=[[UIImageView alloc] initWithFrame:CGRectMake(_p ...
jQuery仿淘宝鼠标悬停动画图标导航特效
jQuery仿淘宝鼠标悬停动画图标导航特效下载地址:jQuery仿淘宝鼠标悬停动画图标导航特效 http://www.sucaijiayuan.com/Js/DaoHangDaiMa/1462.ht ...
iOS手机淘宝加入购物车动画分析
1.最终效果仿淘宝动画 2.核心代码 _cartAnimView=[[UIImageView alloc] initWithFrame:CGRectMake(_propView.frame.size ...
ecshop仿淘宝加入购物车弹出框【支持任何页面】淡出淡隐固定屏幕-兼容ie
效果演示如图: 如果没有会员还购物买过的商品,则下面那部份不会显示! 有渐隐渐出效果,也是非jquery的,固定屏幕滚动,测试过是支持ie6-ie9的,无闪动,喜欢这个HACK代码的朋友也可以参考下, ...
Android仿淘宝加入购物车布局效果
实现效果: 思路:点击购物车弹出一个PopupWindow,主要弄清楚的是PopupWindow的高度以及透明度,图片的位置,图片下层布局的高度(它的高度比popup的低一些).PopupWindow ...
Android一点仿淘宝购物车动画
首先看看ios上的淘宝购物车的动画效果ios淘宝购物车动画我们实现的效果看特效是分为两个界面,一个是主view,一个是弹出层.弹出层是用dialog实现的,只是加入了弹出的动画,这里就不分析了,我 ...
js: 动画筋斗云导航栏仿淘宝关闭二维码
筋斗云导航栏 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF ...
仿淘宝购物车商品颜色、尺寸选择。
仿淘宝购买商品颜色.尺寸选择. 选项分为三种状态:可选.选中.不可选上图看效果: 1,展示页 2,选中一个颜色,不支持的尺寸会自动变灰,成为不可点击状态如果选择的是尺寸,同样颜色也可以自动筛选可以 ...

仿淘宝加入购物车动画

仿淘宝加入购物车动画相关推荐

最新文章

热门文章