CTO学院iOS图形图像与动画CTOiOS就业班教学视频.docVIP

iOS图形图像与动画-51CTO-iOS就业班教学视频 课程目标 掌握iOS图形、图像、动画等技术 适用人群 iOS开发初级、中级人员，有一定iOS开发经验 第一章　UIKit与Quartz 2D绘图技术 16课时?3小时29分钟 ? ? 1 1.1.绘制视图 在iOS上无论采用那种绘图技术（UIKit、Quartz 2D、Core Animation和OpenGL ES），都离不开UIView，绘制都发生在UIView对象的区域内。在绘制发生的时候如果使用的是系统提供的视图，绘制工作会自动得到处理。然而，如果是自定义视图，则必须重写drawRect:方法，在此提供相应的绘制代码。 ? ? 2十六期直播答疑_上 iOS高薪在线就业十六期直播答疑 ? ? 3十六期直播答疑_下 iOS高薪在线就业十六期直播答疑 ? ? 4 1.1.1.视图绘制周期 一旦drawRect:方法被调用，我们就可以使用任何的UIKit、Quartz 2D 、OpenGL ES等技术对视图的内容进行绘制了。 绘图过程中除了使用drawRect:方法，还有setNeedsDisplay和setNeedsDisplayInRect:。 setNeedsDisplay和setNeedsDisplayInRect:方法是设置视图或者视图部分区域是否需要重写绘制，setNeedsDisplay是重新绘制整个视图，setNeedsDisplayInRect是重新绘制视图的部分区域。原则上我们尽量不要绘制视图的全部，以减少绘制带来开销。 触发视图重新绘制的动作有如下几种： 1. ? ? 当遮挡你的视图的其它视图被移动或删除操作时候。 2. ? ? 将视图的hidden属性声明设置为false，使其从隐藏状态变为可见。 3. ? ? 将视图滚出屏幕，然后再重新回到屏幕上。 4. ? ? 显式调用视图的setNeedsDisplay或者setNeedsDisplayInRect:方法。 ? ? 5 1.1.2.绘制实例：填充矩形 FillingView.swift文件代码如下所示： import UIKit class FillingView: UIView { ? /* ? // Only override drawRect: if you perform custom drawing. ? // An empty implementation adversely affects performance during animation. ? override func drawRect(rect: CGRect) { ? ? // Drawing code ? } ? */ } ? override func drawRect(rect: CGRect) { ? ? UIColor.brownColor().setFill() ? ? UIRectFill(rect) ? } ? ? 6 1.1.3.填充与描边 UIKit提供非常基本的绘图功能，主要的API有： 1. UIRectFill(CGRect rect)。填充矩形函数，前面的例子介绍过。 2. UIRectFrame(CGRect rect)。矩形描边函数。 3. UIBezierPath。绘制常见路径类，包括：线段、弧线、矩形、圆角矩形和椭圆的方法。 UIKit虽然提供了UIBezierPath等类，但是对于线段、渐变、阴影、反锯齿等高级特性支持还是不及Quartz 2D。 ? ? 7 1.1.4.绘制图像和文本 除了可以绘制几何图形外，也可以绘制文本和图像。这就像是使用Interface Builder工具从对象库中拖拽出来的标准控件（UILabel和UIImageView）一样。这些绘制可以使用UIImage和NSString实现。 他们对应的绘制方法如下。 UIImage类中绘制图像主要的方法: 1. ? ? - drawAtPoint:。设置绘制定点，图2-7左所示。 2. ? ? - drawInRect:。图片绘制在指定的矩形里, 图2-7中所示。 3. ? ? -drawAsPatternInRect:。在指定的矩形里平铺绘制图片，如果图片大小超出了指定的矩形，形式上与- drawAtPoint:方法类似了，如果图片大小小于指定的矩形如图2-7右所示，就会有平铺的效果。 在UIKit框架中提供了一个NSString类的扩展UIStringDrawing，它提供了绘制文本主要的方法: 1. ? ? - drawAtPoint: withAttributes:。文本在指定点绘制。 2. ? ? - drawInRec