iOS核心动画
1.赛贝尔曲线
2.子图层:富文本+渐变+3D
3.自定义转场动画
4.2D物理引擎
...
实战案例
gitHub地址:https://github.com/Goddreamwt/iOSAnimationSample
众拾达人
如果你不改变什么,那什么都不会改变!
展开
-
iOS核心动画CoreAnimation系统进阶—目录
核心动画之图层详解核心动画之基础动画核心动画之关键帧动画核心动画之转场动画核心动画之动画组核心动画之物理仿真动画核心动画之性能调优...原创 2018-08-06 14:45:50 · 350 阅读 · 0 评论 -
iOS开发 | 动画之分解/重组动效
效果大致如上:示例的Git地址:https://github.com/Goddreamwt/iOSAnimationSample最近项目中有需要UIView的分解重组动画,网上找了好久,就找到一篇介绍相关效果的文档:重组/分解动画 UIView Refactor/Destruct Animation - 简书参照作者介绍的gitHub介绍,大致实现了项目中的需求,先分享一下。 原gitHub地址因原创 2017-08-03 14:49:35 · 1209 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(UIView和layer动画基础)
coreAnimation的功能包括绘图和动画UIView:界面的展示以及用户的交互 layer:真正绘制UIView封装了Calayer原创 2018-08-08 11:26:37 · 627 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(转场动画&组动画)
CATransition核心代码//转场动画:默认淡入淡出 CATransition *anim =[CATransition animation]; anim.type =@"suckEffect";//从父视图的左上角收缩 anim.startProgress =.5;//从动画进程的一半开始 anim.startProgress =.8;//从...原创 2018-08-08 15:14:24 · 271 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(赛贝尔曲线-菜单侧滑动画拆分动画详解)
我们知道动画是基于绘制的,多次绘制贝塞尔的过程就会形成动画。流畅的动画效果会给用户带来不一样的使用体验,下面我们就让App开发中经常使用到的侧滑动画进行拆分详解。效果图如下:为侧滑动画封装一个slideMenuView 绘制侧滑动画需要下面几个步骤1.添加模糊背景#define menuBlankWidth 50#define menuBtnHeight 40#def...原创 2018-08-09 14:39:33 · 824 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(点赞经典动画 CAEmitterLayer 粒子动画详解)
1.图片变了[_linkBtn setImage:[UIImage imageNamed:@"default"] forState:UIControlStateNormal]; [_linkBtn setImage:[UIImage imageNamed:@"select"] forState:UIControlStateSelected];2.大小变了:使用关键帧动画C...原创 2018-08-09 17:42:18 · 1372 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(赛贝尔曲线绘制火柴人图形)
通过绘制经典的火柴人图形,练习赛贝尔曲线的绘制绘制火柴人图形1.首先绘制圆形-(void)shaperLayer{ UIBezierPath * path =[UIBezierPath bezierPath]; //首先绘制圆形 [path moveToPoint:CGPointMake(175, 100)]; //addArcWithCenter既...原创 2018-08-10 14:39:33 · 506 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(子图层:富文本+渐变+3D)
CATextLayer富文本图层#import <CoreText/CoreText.h>//富文本图层-(void)textLayer{ CATextLayer * textLayer =[CATextLayer layer]; textLayer.frame = CGRectMake(100, 400, 200, 50); textLayer...原创 2018-08-10 17:33:33 · 692 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(自定义转场动画)
想要实现自定义转场动画,需要分两个步骤一.实现相关协议@interface CustomTransitionViewController ()<UINavigationControllerDelegate>-(void)viewWillAppear:(BOOL)animated{ [super viewWillAppear:animated]; self...原创 2018-08-13 16:36:12 · 1898 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(仿QQ气泡拖拽效果)
拆分: 1.2个圆,一个固定,一个可移动-(void)setup{ //添加view1 _view1 =[[UIView alloc]initWithFrame:CGRectMake(36, CGRectGetHeight(self.view.bounds)-66, 40, 40)]; _view1.layer.masksToBounds = YES; ...原创 2018-08-14 10:14:12 · 1018 阅读 · 0 评论 -
iOS核心动画CoreAnimation系统进阶(2D物理引擎)
iOS7前是拟物化,扁平化。iOS7以后交互动画:拟真效果目前知名的2D物理引擎有 Box2d,和Chipmunk,这些是跨平台的。但苹果本身也封装了一个物理引擎, UIDynamic是从iOS 7开始引入的一种新技术,隶属于UIKit框架。这可以让开发人员可以在远离物理学公式的情况下,实现炫酷的物理仿真效果。在游戏开发中会经常用到。本文主要是玩一些较浅的功能,就不说那些游戏中框架中的高级用法...原创 2018-08-14 14:15:14 · 651 阅读 · 0 评论 -
iOS:多效果的CategoryView
There is an English version of README here. just click it!A powerful and easy to use category view (segmentedcontrol, segmentview, pagingview, pagerview, pagecontrol) (腾讯新闻、今日头条、QQ音乐、网易云音乐、京东、爱奇艺、腾讯...原创 2018-08-27 15:05:12 · 4644 阅读 · 0 评论