自定义动画

1. 定义自定义跳转动画

1.1 UIViewControllerTransitioningDelegate代理的两个方法

1.2 实现'UIViewControllerAnimatedTransitioning'协议中的方法

1.3 在animateTransition方法中,把要跳转到的控制器的view添加到容器视图上

1.4 修改view锚点注意事项

2. 启动图设置

2.1 两种方式

2.2 两种方式的比较

3. PCH文件

4. 杂货铺

4.1 把导航条和导航条阴影设置为透明

4.2 把导航条返回按钮变成自定义的图片

4.3 让某个子控件一直在最前方显示

1. 定义自定义跳转动画

设置跳转到控制器的代理协议

实现协议的两个方法

根据提示实现'UIViewControllerAnimatedTransitioning'协议中的方法

千万别忘记设置controller的modalPresentationStyle,不然还是会用系统的。

1.1 UIViewControllerTransitioningDelegate代理的两个方法

这两个方法都需要返回UIViewControllerAnimatedTransitioning协议的对象

遵守协议,并返回self

//模态控制器时调用

- (nullable id )animationControllerForPresentedController:(UIViewController *)presented presentingController:(UIViewController *)presenting sourceController:(UIViewController *)source;

{

   self.type = TransitionTypeModal;

   return self;

}

//dismiss时调用

- (nullable id )animationControllerForDismissedController:(UIViewController *)dismissed;

{

   self.type = TransitionTypeDismiss;

   return self;

}

1.2 实现'UIViewControllerAnimatedTransitioning'协议中的方法

这两个方法,在模态和dismiss的时候都会调用

第一个方法用来设置转场动画的时间

第二个方法用来设置转场时的操作(animateTransition)

//转场的时间

- (NSTimeInterval)transitionDuration:(nullable id )transitionContext;

{

   return 1;

}

//设置转场上下文

- (void)animateTransition:(id )transitionContext;

1.3 在animateTransition方法中,把要跳转到的控制器的view添加到容器视图上

步骤如下:

获取容器视图

获取目标控制器

获取来源控制器

把目标控制的view添加到容器视图中

一定要告诉系统,转场动画已经完成(如果不告诉系统,那么系统不允许第二个页面交互)

- (void)animateTransition:(id )transitionContext;

{

   //获取容器视图

   UIView * containerView = [transitionContext containerView];

   //获取目标控制器

   UIViewController * toVC = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];

   //获取来源控制器

   UIViewController * fromVC = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey];

   //判断模态 还是dismiss,转场动画其实就是把目标控制器的view添加到容器视图中

   if(self.type == TransitionTypeModal)

   {

       [containerView addSubview:toVC.view];

       //一上来 就让toVC.view转到一个用户看不到的地方

       toVC.view.transform = CGAffineTransformMakeRotation(-M_PI_2);

       //然后再给一个动画 回到原来的位置

       [UIView animateWithDuration:[self transitionDuration:nil] animations:^{

           toVC.view.transform = CGAffineTransformIdentity;

           fromVC.view.transform = CGAffineTransformMakeRotation(M_PI_2);

       } completion:^(BOOL finished) {

           //告诉系统转场动画结束 否则 就不能够和用户交互

           [transitionContext completeTransition:YES];

       }];

   }

   else if (self.type == TransitionTypeDismiss)

   {

       [UIView animateWithDuration:[self transitionDuration:nil] animations:^{

           fromVC.view.transform = CGAffineTransformMakeRotation(-M_PI_2);

           toVC.view.transform = CGAffineTransformIdentity;

       }completion:^(BOOL finished) {

           //4.告诉系统转场动画结束 否则 就不能够和用户交互

           [transitionContext completeTransition:YES];

       }];

   }

}

1.4 修改view锚点注意事项

view在修改完锚点之后,记得要修改一下frame。

锚点会影响容器视图的frame

在子控制器ViewDidLoad中设置anchoPoint值会重新设置frame,所以必须重新设置frame

   //!!!!!!注意 顺序不要换

   //修改锚点

   self.view.layer.anchorPoint = CGPointMake(0.5, 1.5);

   //修改frame

   self.view.frame = self.view.bounds;

2. 启动图设置

2.1 两种方式

APP的启动图片有两种方式:

方式一:设置Lauch Images

方式二:使用LaunchScreen.storyboard

2.2 两种方式的比较

如果使用原始的启动图片的形式

启动图决定分辨率的大小

会出现假适配,就是屏幕的上下出现黑边。这是苹果的历史原因造成的。

一般不太使用这种方式

新的方式,使用LaunchScreen.storyboard,

这个sb中的控制器比较特殊,不能指定控制器

类写代码,最终系统会按照这个vc的样子变成一张图片.进行展示

在这个vc上直接放一个imageView,设置填充模式即可

//开机动画

- (void)launchScreen{

// 使用SB生成controller

   UIStoryboard *sb = [UIStoryboard storyboardWithName:@"LaunchScreen" bundle:nil];

   UIViewController *vc = [sb instantiateInitialViewController];

   [self.view addSubview:vc.view];

// 设置动画

   [UIView animateWithDuration:2 animations:^{

       GMLog(@"~~~~~~~~~~~");

       vc.view.transform = CGAffineTransformMakeScale(3, 3);

       vc.view.alpha = 0;

   } completion:^(BOOL finished) {

       [vc.view removeFromSuperview];

   }];

}

3. PCH文件

Xcode5中创建一个工程的时候,系统会自动创建一个以以工程名为名字的pch(Precompile Prefix Header)文件

Xcode5.0 之后PCH就消失了,不会自动创建PCH文件。

作用:

定义常用的宏:屏幕的宽高、iOS系统版本号

倒入常用的头文件:例如Masonry.h之类的

定义调试的宏

一个工程里面只有一个PCH文件,通常不改名字。

4. 杂货铺

4.1 把导航条和导航条阴影设置为透明

// 设置导航栏透明

   [self.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];

   [self.navigationBar setShadowImage:[UIImage new]];

4.2 把导航条返回按钮变成自定义的图片

// 设置返回按钮的字,及自定义返回按钮图片

   self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc]initWithTitle:@"" style:UIBarButtonItemStylePlain target:self action:nil];

   [self.navigationController.navigationBar setBackIndicatorImage:[UIImage imageNamed:@"btn_backItem"]];

   [self.navigationController.navigationBar setBackIndicatorTransitionMaskImage:[UIImage imageNamed:@"btn_backItem"]];

4.3 让某个子控件一直在最前方显示

//布局子控件

- (void)viewDidLayoutSubviews{

   [super viewDidLayoutSubviews];

   [self.view bringSubviewToFront:_barView];

}

 

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,402评论 6 499
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,377评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,483评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,165评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,176评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,146评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,032评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,896评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,311评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,536评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,696评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,413评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,008评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,815评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,698评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,592评论 2 353

推荐阅读更多精彩内容