第五章:TransformsAffine TransformsCGAffineTransform是二维的Creating a CGAffineTransform主要有三种变化方法旋转:CGAffineTransformMakeRotation(CGFloat angle)缩放:CGAffineTra...
分类:
移动开发 时间:
2014-08-23 15:14:11
阅读次数:
457
第四章:Visual EffectsRounded Corners例子4.1cornerRadius源码在这里下载:http://www.informit.com/title/9780133440751[objc]view plaincopyprint?#import"ViewController....
分类:
移动开发 时间:
2014-08-23 15:13:21
阅读次数:
340
IOS提供两种创建图形的途径:1.OpenGL.2.Quartz、Core Animation、UIKit图形支持.UIKit的图形系统1.视图绘画周期:DrawRect方法,在任何时候,当视图的一部分需要重画时会调用。触发调用的四种情况:1>对遮挡您的视图的其它视图进行移动或删除操作。2>将视图的...
分类:
移动开发 时间:
2014-08-23 15:12:10
阅读次数:
238
transition语法:1 transition : [ || ||2 || [, [ ||3 || || ]]*transition主要包含四个属性值:执行变换的属性:transition-property;变换延续的时间:transition- duration;在延续时间段,变换的...
分类:
Web程序 时间:
2014-08-22 17:42:19
阅读次数:
234
CALayer属于Core Animation部分的内容
1. UIView是iOS系统中界面元素的基础,所有的界面元素都是继承自它。它本身完全是由CoreAnimation来实现的。它真正的绘图部分,是由一个CALayer类来管理。UIView本身更像是一个CALayer的管理器,访问它的跟绘图和跟坐标有关的属性,例如frame,bounds等,实际上内部都是在访问它所包含的CALayer...
分类:
其他好文 时间:
2014-08-22 16:24:29
阅读次数:
201
使用CCTexture2D来创建动画效果,前提资源是有一张合成的大图
下面看具体的做法:
CCSprite* heroSprite = CCSprite::create();
heroSprite -> setAnchorPoint(ccp(0.35,0.3));
heroSprite -> setPosition(ccp(heroSprite -> getContentSize().wi...
分类:
其他好文 时间:
2014-08-22 16:22:19
阅读次数:
212
为了更好得掌握transform的精髓,所以决定完成三维立方体的模型,可以实现360无死角的三维旋转效果。
但是旋转时判断每个面的视图顺序比较困难,仍未完美解决,希望有人能解答!
源码直接贡献啦:
.cuboid_side_div{
position:absolute;
border:1px solid #333;
-webkit-transition:ease all ...
分类:
Web程序 时间:
2014-08-22 09:23:45
阅读次数:
315
// Only override drawRect: if you perform custom drawing.// An empty implementation adversely affects performance during animation.- (void)drawRect:(C...
分类:
其他好文 时间:
2014-08-21 22:36:55
阅读次数:
316
图层的内容动画
Core Animation提供的基础设施让轻松创建复杂图层动画变得异常简单,Core Animation扩展了所有拥有图层的视图。例如改变图层框架矩形的尺寸,改变其在屏幕上的位置,应用旋转变换,改变它的透明度。使用Core
Animation初始化一个动画和改变属性一样简单,但你也可以显式的创建一个动画并设置动画的参数。
用简单的动画表现图层属性的变化
你可...
分类:
其他好文 时间:
2014-08-21 13:25:24
阅读次数:
308
animation-play-state:css:.play-state{ -webkit-animation:f1 2s 0.5s infinite linear forwards alternate; -moz-animation:f1 2s 0.5s infinite line...
分类:
其他好文 时间:
2014-08-21 12:51:24
阅读次数:
169