CoreAnimation实例详解

CoreAnimation简介

核心动画是一组非常强大的动画API,能过做出很多炫丽的动画,看上去很高大上,其中常用的四个动画类分别是CABasicAnimation,CAKeyframeAnimation,CAAnimationGroup,CATransition。

常用属性

1.removedOnCompletion YES代表动画执行完成后还原到初始状态,反之亦然

2.timingFunction介绍

  kCAMediaTimingFunctionLinear 匀速运动

  kCAMediaTimingFunctionEaseIn 缓慢进入,加速离开

  kCAMediaTimingFunctionEaseOut 快速进入,缓慢离开

  kCAMediaTimingFunctionEaseInEaseOut 缓慢进入,中间加速,缓慢离开

3.fillmode介绍

 kCAFillModeForwards 动画结束后保持动画的状态 与removedOnCompletion=NO联用

 kCAFillModeBackwards  动画从初始状态开始执行

 kCAFillModeBoth 动画加入后开始之前,处于动画初始状态,动画结束后保持动画最后的状态

kCAFillModeRemoved 动画将在设置的 beginTime 开始执行(如没有设置beginTime属性,则动画立即执行),动画执行完成后会将layer的改变恢复原状

4.其他属性

duration:动画时长

fromValue:动画初始值

toValue: 动画结束值

autoreverses: 动画结束后执行可逆动画

repeatCount:重复次数

动画实例介绍

位移,缩放,旋转,透明度,背景色,帧动画,组动画,弹球

贝塞尔曲线介绍

UIBezierPath是一组绘制图形的API,功能也是非常强大,常用于视图渲染路径

常用方法

+ (instancetype)bezierPath; 初始化UIBezierPath对象

+ (instancetype)bezierPathWithRect:(CGRect)rect;画一个矩形

+ (instancetype)bezierPathWithOvalInRect:(CGRect)rect;画一个圆形

+ (instancetype)bezierPathWithRoundedRect:(CGRect)rect cornerRadius:(CGFloat)cornerRadius;画一个圆角的矩形

+ (instancetype)bezierPathWithRoundedRect:(CGRect)rect byRoundingCorners:(UIRectCorner)corners cornerRadii:(CGSize)cornerRadii;画一个圆角矩形,确定哪一个角是圆角

+ (instancetype)bezierPathWithArcCenter:(CGPoint)center radius:(CGFloat)radius startAngle:(CGFloat)startAngle endAngle:(CGFloat)endAngle clockwise:(BOOL)clockwise;画一段圆弧

- (void)moveToPoint:(CGPoint)point;移动到某个点

- (void)addLineToPoint:(CGPoint)point;从某个定点连接一条直线

- (void)addCurveToPoint:(CGPoint)endPoint controlPoint1:(CGPoint)controlPoint1 controlPoint2:(CGPoint)controlPoint2;以endPoint为终点,以controlPoint1、controlPoint2两个点为控制点,绘制贝塞尔曲线

- (void)addQuadCurveToPoint:(CGPoint)endPoint controlPoint:(CGPoint)controlPoint;以endPoint为终点,以controlPoint为控制点,绘制二阶贝塞尔曲线。

- (void)closePath;连接起点和终点,使其成为一个闭合的图形

- (void)removeAllPoints;移除路径中所有的点

- (void)appendPath:(UIBezierPath *)bezierPath;增加一段路径

- (UIBezierPath *)bezierPathByReversingPath 翻转一段路径

- (void)applyTransform:(CGAffineTransform)transform;针对一段路径发生形变或者位移

- (void)setFill;路径填充颜色

- (void)setStroke;路径画线颜色

锚点介绍

 锚点(anchorPoint)就是定位点,view的定位点默认就是中点(0.5,0.5),锚点(x,y)取值范围是0~1,如果锚点设置成(0,0),相当于先前的左上角(0,0)移动到以前的中点位置,向下移动w/2,向右移动w/2

时钟demo实例介绍

  

完整项目链接:https://gitee.com/lvzhehappy/animation.git

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

推荐阅读更多精彩内容