iOS入门46高级动画

几种3D效果的动画&＃xff0c;这里成为高级动画。高级动画的实现原理是利用OPENGL来完成的&＃xff0c;具体的矩阵变化是图形学内容涉及到高数&＃xff0c;这里不做展开说明&＃xff0c;只是使用。

要做的准备工作

• 引入第三方动画库HMGLTransitions&＃xff08;用CocoaPods引入依赖&＃xff0c;具体操作请参看前面的文章&＃xff09;
• 添加三个核心库&＃xff1a;CoreGraphics.framework、OpenGLES.framework、QuartzCore.gramework
  添加各个库依赖之后如下图&＃xff1a;
  

先看效果图

switch3d:

door

cloth

示例代码

ViewController.h

#import &＃64;interface ViewController : UIViewController
{//一个父控件和两个字控件UIView* _parentView;UIImageView* _imgV01;UIImageView* _imgV02;
}&＃64;end


ViewController.m

#import "ViewController.h"
//动画管理类
#import
//开门3d动画类型
#import
//画布动画类型
#import
//3d变换动画类型
#import &＃64;interface ViewController ()&＃64;end&＃64;implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view._parentView &＃61; [UIView new];_parentView.frame &＃61; CGRectMake(50, 50, 300, 500);_parentView.backgroundColor &＃61; [UIColor yellowColor];_imgV01 &＃61; [UIImageView new];UIImage* image01 &＃61; [UIImage imageNamed:&＃64;"timg_1.jpg"];_imgV01 &＃61; [[UIImageView alloc] initWithImage:image01];_imgV01.frame &＃61; CGRectMake(0, 0, 300, 500);UIImage* image02 &＃61; [UIImage imageNamed:&＃64;"timg_2.jpg"];_imgV02 &＃61; [[UIImageView alloc] initWithImage:image02];_imgV02.frame &＃61; CGRectMake(0, 0, 300, 500);[_parentView addSubview:_imgV01];[self.view addSubview:_parentView];
}- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{//实例化动画管理器HMGLTransitionManager* manager &＃61; [HMGLTransitionManager sharedTransitionManager];//实例化3d动画对象(动画时间是固定的&＃xff0c;不能我们手动调整)//Switch3DTransition* sAnim &＃61; [Switch3DTransition new];//设置动画的方向类型//[sAnim setTransitionType:Switch3DTransitionRight];//开门动画//DoorsTransition* dAnim &＃61; [DoorsTransition new];//类型&＃xff1a;开门/关门//[dAnim setTransitionType:DoorsTransitionTypeOpen];//画布类型动画ClothTransition* cAnim &＃61; [ClothTransition new];//动画添加到动画管理器[manager setTransition:cAnim];//将目标view添加到动画管理器中&＃xff0c;注意这里是给父控件添加动画[manager beginTransition:_parentView];static BOOL isFirst &＃61; YES;if (isFirst) {//让第一个view消失[_imgV01 removeFromSuperview];//设置第二个view的位置大小为第一个view的_imgV02.frame &＃61; _imgV01.frame;//将第二个view添加到父控件中[_parentView addSubview:_imgV02];}else{[_imgV02 removeFromSuperview];_imgV01.frame &＃61; _imgV02.frame;[_parentView addSubview:_imgV01];}isFirst &＃61; !isFirst;//执行动画[manager commitTransition];
}&＃64;end