iOS 开发-动画篇
文章平均质量分 83
在iOS开发中,制作动画效果是最让开发者享受的环节之一。一个设计严谨、精细的动画效果能给用户耳目一新的效果,吸引他们的眼光 —— 这对于app而言是非常重要的。So 一个优秀的动画设计能让App填色不少。
Yan●X
力求每一个项目,写的最简单易懂
展开
-
iOS 动画Animation - 6 - 3 实战练习之复杂动画拆装
其实我们在看到的每一个复杂的动画都是有许多简单的动画巧妙的拼装出来的,在教给大家学会拼装一个动画,其实我更愿意教会大家如何去拆解一个动画。如果看到一个动画,会去把它拆解成一个个简单的动画,那么实现这个动画就轻而易举了。原创 2016-07-31 12:28:13 · 1668 阅读 · 1 评论 -
iOS 动画Animation - 6 - 2:实战练习之淘宝购物车动画解析
首先说明:这是一系列文章,参考本专题下其他的文章有助于你对本文的理解。首先我所要说的购物车动画并不是说把商品加入购物车时商品图片旋转飞出的动画,如果看了我这一个系列的博客,就会觉得那个简直不要太简单。我今天要说的是这个动画,就是在点击购物车的时候弹出View的动画,这个动画在很多APP上都有,包括淘宝,天猫,简书,京东,等等。原创 2016-04-24 14:41:53 · 1877 阅读 · 0 评论 -
iOS 动画Animation - 6 - 1:实战练习之圆弧下拉动效
首先说明:这是一系列文章,参考本专题下其他的文章有助于你对本文的理解。动画的基础教程基本上都讲解完了,下面就进入实战练习部分,这部分相信大家会更加喜欢一些,毕竟做出来的效果要比讲解部分bolg做出来的效果要好很多。但是做出来的这些东西都是利用了之前讲到的东西,如果还不够了解,请看前面的基础教程。昨天刚讲过UIBezier,今天就趁热打铁,练习一下原创 2016-04-20 20:12:01 · 1773 阅读 · 0 评论 -
iOS 动画Animation - 5:UIBezier
首先说明:这是一系列文章,参考本专题下其他的文章有助于你对本文的理解。在之前的bolg中大家会发现总是会出现UIBezier,但是我也没有做过多介绍,今天就集中介绍一下UIBezier。首先,UIBezier的内容比较多,我今天介绍的也不是UIBezier的全部,但是大部分常用到的我都会介绍一下,至于其他的,请大家参考官方文档。原创 2016-04-19 20:55:42 · 3312 阅读 · 0 评论 -
iOS 动画Animation-4-4: CALayer子类:CAReplicatorLayer
上一片介绍了CAShpeLayer,并且做了两个示例,如果创造力比较强,就那些东西可以创造出你以前不敢想象的动画效果。今天我们接着来讲一下CAReplication CAReplication是一个复制图层,可以按要求将layer复制出若干份,先来看看在CALayer的基础上又增加了那些API原创 2016-04-14 08:30:39 · 1633 阅读 · 1 评论 -
iOS 动画Animation-4-5: CALayer子类:CATransformLayer
今天来讲解一下CATransformLayer:CATransformLayer是一个专门用来创建三维视图的一个layer,也可以说是多个layer的集合。他没有多余的API,可以这么说,他只是承载了子layer。下面就看一个例子,通过例子来讲解。国际惯例先上原创 2016-04-16 14:40:08 · 2719 阅读 · 0 评论 -
iOS动画Animation-4-1:CALayer
CALayer作为动画主要的依托对象,想要深入的了解动画,必须先理解CALayer。CALayer包含在QuartzCore框架中,这是一个跨平台的框架,既可以用在iOS中又可以用在Mac OS X中。在使用Core Animation开发动画的本质就是将CALayer中的内容转化为位图从而供硬件操作。原创 2016-04-13 07:58:23 · 2004 阅读 · 0 评论 -
iOS 动画Animation-4-3: CALayer子类:CAShapeLayer
首先说明:这是一系列文章,参考本专题下其他的文章有助于你对本文的理解。好久没有更新博客,我也是上班一族,前一段时间工作量有点大,比较忙,也一直没有时间写博客。好在项目在上周末终于通过测试上线了,有可以休息一段时间了。下面进入正题:今天介绍CAShapeLayerCAShapeLayer作为CALayer的子类,他有多了那些常用的API呢? API 描述 Path 这是一个比较重要的属性原创 2016-04-12 23:54:29 · 2021 阅读 · 0 评论 -
iOS 动画Animation-4-2: CALayer子类:CAGradientLayer,CATextLayer,CATiledLayer
在上一篇中对CALayer做了一个简单的介绍。CALayer的属性在这些子类身上也都有。如果对CALayer属性还不够了解,可以参照上一篇。今天先介绍CALayer这三个子类,这三个子类使用的概率不高,不过可以了解一下,万一用到了呢。在每介绍一个类,我都会在后面附上我写的Demo来方便大家学习,Demo写的都比较简单,力求每一个能从 iOS 动画Animation-1看到这儿的人都可以看的懂原创 2016-03-23 15:01:03 · 1309 阅读 · 1 评论 -
iOS 动画Animation-3: CATransform3D 特效详解
关于图层的几个坐标系。对于ios来说,坐标系的(0,0)点在左上角,就是越往下,Y值越大。越往右,X值越大。一个图层的frame,它是position,bounds,anchorPoint和transform属性的一部分。设置一个新的frame将会相应的改变图层的position和bounds,但是frame本身并没有保存。position:是一个CGP原创 2016-03-14 12:03:11 · 2661 阅读 · 1 评论 -
iOS 动画Animation-2-2: 动画基础:核心动画
上一篇已经简单的介绍过核心动画了,这次就针对实力详细介绍一下Animation 核心动画。原创 2016-03-09 22:04:36 · 773 阅读 · 0 评论 -
iOS 动画Animation-2-1: 动画基础:核心动画简介
简单介绍Core Animation,核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。也就是说,使用少量的代码就可以实现非常强大的功能。Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程。不阻塞主线程,可以理解为在执行动画的时候还能点击(按钮)。原创 2016-03-09 11:06:04 · 994 阅读 · 0 评论 -
iOS 动画Animation-1: 动画基础:Block动画
在iOS开发中,制作动画效果是最让开发者享受的环节之一。一个设计严谨、精细的动画效果能给用户耳目一新的效果,吸引他们的眼光 —— 这对于app而言是非常重要的。So 一个优秀的动画设计能让App填色不少。原创 2016-03-08 14:51:00 · 1114 阅读 · 0 评论 -
Swift语言iOS开发:CALayer十则示例
如你所知,我们在iOS应用中看到的都是视图(view),包括按钮视图、表视图、滑动条视图,还有可以容纳其他视图的父视图等。但你或许不知道在iOS中支撑起每个视图的是一个叫做"图层(layer)"的类,确切地说是CALayer。本文中您会了解CALayer及其工作原理,还有应用CALayer打造酷炫效果的十则示例,比如绘制矢量图形、渐变色,甚至是粒子系统。本文要求读者熟悉iOS应用开发和Swift语言的基础知识,包括利用Storyboard构建用户界面。注:如果您尚未掌握这些基础,不必担心,我原创 2016-03-08 11:43:02 · 1542 阅读 · 0 评论 -
详解 CALayer 和 UIView 的区别和联系
每个 UIView 内部都有一个 CALayer 在背后提供内容的绘制和显示,并且 UIView 的尺寸样式都由内部的 Layer 所提供。原创 2016-03-08 11:47:06 · 830 阅读 · 0 评论