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

[objc] view plaincopyprint?

[objc] view plaincopyprint?

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

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

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

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

时间: 2024-10-07 06:41:08

iOS添加到购物车的简单动画效果的相关文章

自定义实现ExpandableListView收缩的简单动画效果

以下是 ExpandableListView 收缩的简单动画效果 1 /* 2 * Copyright (C) 2014 Gary Guo 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); 5 * you may not use this file except in compliance with the License. 6 * You may obtain a copy of the L

ios开发之--简单动画效果的添加

记录一个简单的动画效果,自己写的,很简单,仅做记录. 附一个demo的下载地址: https://github.com/hgl753951/hglTest.git 代码如下: 1,准备 BOOL _isOpen; NSMutableArray * _btnArray; 2,具体代码 -(void)initUI { _btnArray = [[NSMutableArray alloc]init]; for (int i=0; i<4; i++) { UIButton * btn = [UIButt

iOS点击查看大图的动画效果

对于图片来说,除了表情包,几乎都会被点击查看大图.今天就讲解一个查看和收起大图的动画效果,先直接看效果图: 如图所示,最开始是一个小图,点击小图可以查看大图.大图会从小图的位置和大小"弹"出来,同时背景变成半透明的阴影.点击大图或者阴影后,收起大图,同样地弹回到小图去,同时去掉阴影背景,就像是一张图片在伸大缩小一样. 现在看看这是怎么实现的.在思考一个动画的实现方法时,把动画的动作进行分解然后再一个个去思考怎么实现是一个好的习惯,我们稍微分解一下,这个动画在显示大图和收起大图的时候做了

使用模块化管理工具seajs实现简单动画效果

今天使用模块化的管理工具seajs实现了一个简单的动画效果. seajs具有简单友好的模块定义规范.seajs遵循CMD规范,可以像nodejs一样编写代码. seajs具有自然直观的代码组织方式.依赖的自动加载,配置简洁清晰. 通过学习,发现seajs的使用是具有一个标准的格式的,如下define(function(require,exports,module){ //定义的代码块 });其中回调的参数名和顺序都是不可改变的. 这次小动画实现的文件结构: word.html代码如下: 1 <!

iOS开发——实用技术OC篇&amp;简单抽屉效果的实现

简单抽屉效果的实现 就目前大部分App来说基本上都有关于抽屉效果的实现,比如QQ/微信等.所以,今天我们就来简单的实现一下.当然如果你想你的效果更好或者是封装成一个到哪里都能用的工具类,那就还需要下一些功夫了,我们这里知识简单的介绍怎么去实现,不过一般我们开发都是找别人做好的,也没必要烂肺时间,除非你真的是大牛或者闲的蛋疼. 其实关于抽屉效果就是界面有三个View,其实一个主View其他两个分别是左边和右边的View,我们分别为他们添加手势,实现左右滑动显示对应的View. 一:所以,首先我们需

Android简单动画效果

a1.xml 淡出效果 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <alpha android:duration="500" android:fromAlpha="1.0" android:toAlpha=&qu

iOS今日头条选择框、动画效果、FlappyBird游戏源码

iOS精选源码 高仿今日头条频道选择弹框 超级简单的导航条管理工具EasyNavigation navigationbar 评分视图,支持点击,滑动,整数小数评分 心花怒放Animation 仿乐视视频.腾讯视频分段选择栏 主题皮肤管理器-轻松实现主题更新功能 SpriteKit游戏实战-FlappyBirdSwift iOS优质博客 一次立竿见影的启动时间优化 之前公司的 UI 设计师和我们提过好几次启动时间的事情,当时在开发业务,所以没有时间去做这件事.最近发完版本,终于有时间搞一搞启动时间

iOS简单动画效果:闪烁、移动、旋转、路径、组合

#define kDegreesToRadian(x) (M_PI * (x) / 180.0) #define kRadianToDegrees(radian) (radian*180.0)/(M_PI) - (void)viewDidLoad { [superviewDidLoad]; self.title = @"测试动画"; self.view.backgroundColor = [UIColorlightGrayColor]; myTest1 = [[UILabelalloc

android 给LinearLayout中添加一定数量的控件,并让着一定数量的控件从右到左移动,每隔若干秒停顿一下,最后一个view链接第一个view,然后继续移动循环往复,形成一个死循环简单动画效果

主类:IndexAnimationLinearLayout.java package com.yw.sortlistview; import java.util.ArrayList; import java.util.List; import android.annotation.SuppressLint; import android.content.Context; import android.graphics.Canvas; import android.os.Handler; impo