摘要: 一、基本知识介绍1.字符(Character)和字形(Glyphs)排版系统中文本显示的一个重要的过程就是字符到字形的转换,字符是信息本身的元素,而字形是字符的图形表征,字符还会有其它表征比如发音。 字符在计算机中其实就是一个编码,某个字符集中的编码,比如Unicode字符集,就囊括了大都数存在的字... 阅读全文
posted @ 2015-08-04 10:44 简丛 阅读(810) 评论(0) 推荐(0) 编辑
摘要: 高效绘图软件绘图术语绘图通常在Core Animation的上下文中指代软件绘图(意即:不由GPU协助的绘图)。在iOS中,软件绘图通常是由Core Graphics框架完成来完成。但是,在一些必要的情况下,相比Core Animation和OpenGL,Core Graphics要慢了不少。软件绘... 阅读全文
posted @ 2015-03-08 20:49 简丛 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 基于定时器的动画定时帧动画看起来是用来显示一段连续的运动过程,但实际上当在固定位置上展示像素的时候并不能做到这一点。一般来说这种显示都无法做到连续的移动,能做的仅仅是足够快地展示一系列静态图片,只是看起来像是做了运动。我们之前提到过iOS按照每秒60次刷新屏幕,然后CAAnimation计算出需要展... 阅读全文
posted @ 2015-03-07 20:31 简丛 阅读(379) 评论(0) 推荐(0) 编辑
摘要: 图层时间动画的发生是需要持续一段时间的,所以计时对整个概念来说至关重要。在这一章中,我们来看看CAMediaTiming,看看Core Animation是如何跟踪时间的。CAMediaTiming协议CAMediaTiming协议定义了在一段动画内用来控制逝去时间的属性的集合,CALayer和CA... 阅读全文
posted @ 2015-03-06 19:54 简丛 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 事务Core Animation基于一个假设,说屏幕上的任何东西都可以(或者可能)做动画。动画并不需要你在Core Animation中手动打开,相反需要明确地关闭,否则他会一直存在。当你改变CALayer的一个可做动画的属性,它并不能立刻在屏幕上体现出来。相反,它是从先前的值平滑过渡到新的值。这一... 阅读全文
posted @ 2015-03-05 21:27 简丛 阅读(1629) 评论(0) 推荐(1) 编辑
摘要: CAShapeLayerCAShapeLayer是一个通过矢量图形而不是bitmap来绘制的图层子类。你指定诸如颜色和线宽等属性,用CGPath来定义想要绘制的图形,最后CAShapeLayer就自动渲染出来了。当然,你也可以用Core Graphics直接向原始的CALyer的内容中绘制一个路径,... 阅读全文
posted @ 2015-01-30 17:50 简丛 阅读(457) 评论(0) 推荐(0) 编辑
摘要: 圆角圆角矩形是iOS的一个标志性审美特性。这在iOS的每一个地方都得到了体现,不论是主屏幕图标,还是警告弹框,甚至是文本框。按照这流行程度,你可能会认为一定有不借助Photoshop就能轻易创建圆角举行的方法。恭喜你,猜对了。CALayer有一个叫做conrnerRadius的属性控制着图层角的曲率... 阅读全文
posted @ 2015-01-30 11:14 简丛 阅读(750) 评论(0) 推荐(0) 编辑
摘要: (一)图层的树状结构Core Animation其实是一个令人误解的命名。你可能认为它只是用来做动画的,但实际上它是从一个叫做Layer Kit这么一个不怎么和动画有关的名字演变而来,所以做动画这只是Core Animation特性的冰山一角。Core Animation是一个复合引擎,它的职责就是... 阅读全文
posted @ 2015-01-28 16:30 简丛 阅读(447) 评论(0) 推荐(0) 编辑
摘要: 在上篇文章中,我们简单的理解了绘图上下文,今天我们来认识一下Quartz-2D中另一个重要的概念,路径(Paths)。一、理解路径 路径定义了一个或多个形状,或是子路径。一个子路径可由直线,曲线,或者同时由两者构成。它可以是开放的,也可以是闭合的。一个子路径可以是简单的形状,如线、圆、矩形、星形;... 阅读全文
posted @ 2014-12-12 14:37 简丛 阅读(1694) 评论(0) 推荐(1) 编辑
摘要: 上一篇文章大概描述了下Quartz里面大体所包含的东西,但是对具体的细节实现以及如何调用相应API却没有讲。这篇文章就先讲讲图形上下文(Graphics Context)的具体操作。 所谓Graphics Context,其实就是表示了一个绘制目标,也就是你打算绘制的地方,它包含绘制系统用于完成绘... 阅读全文
posted @ 2014-12-11 14:56 简丛 阅读(559) 评论(0) 推荐(0) 编辑