wildfireli的专栏

今天，Cocoachina会开始一个Core Animation的入门教学，和大家共同学习Core Animation的使用。本站介绍过不少Core Animation的文章，这篇文章是一个入门教学，从头帮助你了解Core Animation以及如何入门。Core Animation是苹果在Leopard中加入的新API，主要用于利用显卡硬件制作动态的用户界面。同时，在iPhone SDK

在IOS中，Quartz 2D像Core Animation，OpenGL ES和UIKit类一样工作于可用的图形和动画技术。1.The Page  Quartz 2D使用painter model去imageing。在painter model中，每一个连续的绘制操作都是应用一个paint layer到输出画布，通常称为a page。page上面一个对象的绘制不能修改，除非通过添

Transforms CTM, 转换矩阵原文地址 http://hi.baidu.com/aidfan/blog/item/61b0fe00d8f56909728b65bd.htmlQuartz转换实现的原理:Quartz把绘图分成两个部分，    用户空间，即和设备无关，    设备空间，用户空间和设备空间中间存在一个转换矩阵

“ 弧度”和“度”是度量角大小的两种不同的单位。就像“米”和“市尺”是度量长度大小的两种不同的单位一样。    在flash里规定:在旋转角度（rotation）里的角，以“度”为单位；而在三角函数里的角要以“弧度”为单位。这个规定是我们首先要记住的！！！例如：rotation2－－是旋转“2度”；sin（π/2)－－是大小为“π/2弧度”的角的正弦。        二、弧度的定义

The basic Core Animation classes are contained in the Quartz Core framework翻译：Quartz core 框架包含了基本的核心动画类。Mac OS X 提供了一系列图形技术，这些技术为构建动人的视觉体验提供了基础。用于处理 2D 和 3D 图形，动画和图像效果的专业框架已经为您提供了一切所需—从基本的图形

1.graphics context（图形上下文）是一个不透明的数据类型（CGContextRef）。我们可以把graphics context想象成为一个绘图目标。有几种graphics context：bitmap graphics context，PDF graphics context，window graphics context，layer context。 2

需要在frameworks中添加QuartzCore.framework在接口程序中加上头文件   #import /*好多动画效果*/    CATransition *transition = [CATransition animation];    transition.duration = 1.0f;         /* 间隔时间*/    transitio

转载保留原文地址：http://blog.youkuaiyun.com/kqjob/article/details/10417461在IOS中如果使用普通的动画则可以使用UIKit提供的动画方式来实现，如果想实现更复杂的效果，则需要使用Core Animation了。下面详解各种类型动画的使用方式1、通过动画上下文使用UIKit动画[plain] view

之所以叫做关键帧动画是因为，这个类可以实现，某一属性按照一串的数值进行动画，就好像制作动画的时候一帧一帧的制作一样。一般使用的时候  首先通过 animationWithKeyPath 方法 创建一个CAKeyframeAnimation实例， CAKeyframeAnimation 的一些比较重要的属性1. path这是一个 CGPathRef  对象，默

暂停和继续动画的核心代码如下：  [cpp] view plaincopy"code" class="cpp">//暂停layer上面的动画  - (void)pauseLayer:(CALayer*)layer  {      CFTimeInterval pausedTime = [layer convertTime:CACurren

一.重要参数bounds,frame,position属于基本的几何定位，相互之间数值变化会相互影响anchorPoint:单位参数(0-1)表示，变形(transform)时候的变换源点zPosition:相当于css中z-index的概念，Apple建议不要用这个来替代CALayer层次设置。cornerRadius:圆角二.几何变形(Trans

一个path有一个或者多个shapes，或者subpaths定义。一个subpath可以包含直线段，曲线或者都有。其可以是开的或者封闭的。subpath可以是一个简单的形状，如line，circle，rectangle，star，或者其他更复杂的形状，下图展示了我们可以创建的形状。直线可以是虚的，也可以是实的。    在本篇中，将介绍如何构造path，如何stroke和paint pa

Graphics Contexts代表一个绘图目的地。其包含绘图参数和所有与设备相关的信息，这些在绘制系统执行绘制命令的时候是需要的。Graphics Contexts定义了基本的绘制属性，如绘制的颜色，clipping 区域，线的宽度，样式信息，字体信息，compositing options,以及其他的。    我们可以使用Quartz context创建函数或者IOS的UIKit框架

前一阵子读到一篇介绍CALayer（这里简单地称其为层）的教程，比较简单易懂，适合初学者，我在这里就不完全翻译了，只是把要点说明一下。 首先要说的是CALayers 是屏幕上的一个具有可见内容的矩形区域，每个UIView都有一个根CALayer，其所有的绘制（视觉效果）都是在这个layer上进行的。（译者注：为验证这点，我写下了如下代码：123

研究Core Animation已经有段时间了，关于Core Animation，网上没什么好的介绍。苹果网站上有篇专门的总结性介绍，但是似乎原理性的东西不多，看得人云山雾罩，感觉，写那篇东西的人，其实是假设读的人了解界面动画技术的原理的。今天有点别的事情要使用Linux，忘掉了ssh的密码，没办法重新设ssh，结果怎么也想不起来怎么设ssh远程登陆了，没办法又到网上查了一遍，太浪费时间了，痛感忘

Chapter 5.Layer Programming with Quartz CoreQuartz Core 框架就像是Leopard 桌面的Core Animation。Quartz Core提供了基本的类来管理UIView对象里面的层。这也用于创建二维对象的三维变换，会有惊人的动画和效果。要使用Quartz Core框架，您将需要添加到您的Xcode项目。右键单击您的项目的框架文

Context 上下文 画板 可以是window printer bitmap 显示屏Filling 填充alpha (opacity) 不透明度 1为不透明 0透明 此属性决定能否看到下面的画面opaque 不透明stroking 画边框 在rectangle的边框（此边框无限thin）2侧画线 线有宽度CGContextRef context = UIGraphicsG

Cover flow是苹果首创的将多首歌曲的封面以3D界面的形式显示出来的方式。如下图所示：从图中可以看到，显示在中间的图片为目标图片，两侧的图片在y轴都旋转了一定的角度，并且每两张图片之间都保持了一定的距离。在交互（如点击两侧的图片）的时候，滑动到中间的图片会逐渐放大，旋转的角度由原来的旋转角度a变为0，且位置上移动中间，变成新的目标图片；同时原处于中间位置的图片则缩小、旋转一定的角

ios中最简单的动画效果，是没有关键帧的，比如左右移动、上下跳动、旋转和缩放。关键帧要稍微复杂一点，要设置路径等。iOS可以在不借助OpenGL 2D等重型库的情况下实现上述简单的动画效果。编写起来十分简单。左右移动上下移动的情况类似。 代码如下：123456789101112131

在实现简单的动画效果中编写了个动画效果示例。实际使用中发现问题。因为图片是占据整个屏幕的，在该示例中是768×1024，因此动画缩放的时候，不是针对剪辑图片部分的缩放，而是针对全图的缩放。现在改一下，基本思路是，先要用矩形框获取图的一部分（参考截取部分图片并显示），生成一个新的图，然后再用不规则形状截取图片的办法截取部分不规则内容。这里的一个问题是截取矩形框，应该是不规则点围成面积

功能代码如下：   在.h文件中定义    NSMutableArray *views;    NSInteger currentPage;    CGPoint startPoint;Ios代码  - (void)viewDidLoad  //重写初始化载入方法  {   /*    初始化数据    */

用Quartz 2d勾画图形可能大家都会，但是如何让我们勾画的图形响应事件呢？有人会说用坐标计算啊，但是有时候对不规则的图形，这个办法不使最简单的做法，下面的代码可以帮你很容易实现这一点。//只是代码而已 ， 如果有兴趣的同学 我们可以私下探讨 email:zhuolaiqiang@mail.com//原帖地址  http://blog.youkuaiyun.com/diyagoanyhacker/a

前面介绍了Core Animation基础知识，还有CALayer的简单使用，最终还是有要动画的滴，这里列出几个动画效果，参考下能加深对Core Animation的认识和理解1、把图片移到右下角变小透明使用CAAnimationGroup叠加动画效果，就是下面按钮《把图片移到右下角变小透明》描述的效果：     、上面三个图是动画的三个状态，实现代码如下：