50.转场动画 组动画 UIView的转场动画
2015-06-07 23:40
489 查看
转场动画: // 1.创建核心动画 CATransition *ca = [CATransition animation]; // 1.1动画过渡类型 ca.type = @"cube"; // 1.2动画过渡方向 ca.subtype = kCATransitionFromRight; // 1.3动画起点(在整体动画的百分比) //ca.startProgress = 0.5; ca.endProgress = 0.5; // 动画时间 ca.duration = 1; // 2.添加核心动画 [self.iconView.layer addAnimation:ca forKey:nil];
组动画: // 平移动画 CABasicAnimation *a1 = [CABasicAnimation animation]; a1.keyPath = @"transform.translation.y"; a1.toValue = @(100); // 缩放动画 CABasicAnimation *a2 = [CABasicAnimation animation]; a2.keyPath = @"transform.scale"; a2.toValue = @(0.0); // 旋转动画 CABasicAnimation *a3 = [CABasicAnimation animation]; a3.keyPath = @"transform.rotation"; a3.toValue = @(M_PI_2); // 组动画 CAAnimationGroup *groupAnima = [CAAnimationGroup animation]; groupAnima.animations = @[a1, a2, a3]; groupAnima.duration = 2; groupAnima.fillMode = kCAFillModeForwards; groupAnima.removedOnCompletion = NO; [self.iconView.layer addAnimation:groupAnima forKey:nil];
UIView的转场动画 [UIView transitionWithView:self.view duration:1.0 options:0 animations:^{ NSLog(@"animations"); // 要执行的动画 [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:self.view cache:YES]; } completion:^(BOOL finished) { NSLog(@"completion"); // 执行完毕之后执行的动画 }];
相关文章推荐
- 关于easyui的datagrid加载两次的问题
- 【Android UI设计与开发】第06期:底部菜单栏(一)使用TabActivity实现底部菜单栏
- UITableView优化技巧
- 优化UITableViewCell高度计算的那些事
- 一步一步跟我学习lucene(19)---lucene增量更新和NRT(near-real-time)Query近实时查询
- 构建高性能服务(三)Java高性能缓冲设计 vs Disruptor vs LinkedBlockingQueue--转载
- Openwrt Image Builder/SDK 初探
- ios UI学前须知
- iOS开发UI高级—43模仿ipad版QQ空间登录界面
- iOS开发UI高级—42iPad开发中得modal介绍
- iOS开发UI高级—41popoverController使用注意
- iOS开发UI高级—39iPad和iPhone开发的比较
- iOS开发UI高级—40popoverController简单介绍
- NGUI的技能冷却实现
- 2014年最受欢迎WEB前端UI框架
- [PHP学习教程 - 系统]001.引用文件(require & include)
- 常见MFC UI界面库
- Android 四种更新UI方式
- JSR: Java Specification Requests
- UIView和CALayer的区别和联系