宜宾网站建设公司

UIKit框架（17）Quartz2D-创新互联

  • Quartz2D介绍

    创新互联建站是一家专注于成都网站设计、网站制作与策划设计,闽侯网站建设哪家好?创新互联建站做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:闽侯等地区。闽侯做网站价格咨询:18980820575

什么是Quartz2D ？

   是一个二维绘图引擎，同时支持iOS和Mac系统。

Quartz2D的价值？

     但是有些UI界面极其复杂，而且比较个性化，用普通的UI控件无法实现，这时可以利用Quartz2D技术将控件内部的结构画出来，自定义控件的样子。

     其实，iOS中大部分控件的内容都是由Quartz2D画出来的 （有一些是通过WebKit渲染的）

开发方式？

   使用框架CoreGraphics

   Quartz2D是一套C语言API，但使用了面向对象的开发方式

图像上下文对象：

   是最核心的对象，CGContextRef类型

   iOS中的很多C语言框架中，都有以Ref作为后缀的类型，这些类型都可以理解为对象

        如CFStringRef CFColorRef CFImageRef等

上下文的作用：

   保存绘图信息、状态；决定绘图的输出目标（视图对象的图层、p_w_picpath画板、pdf等）

   UIKit框架（17）Quartz2D

  • UIView的绘制

绘制一个UIView，需要在子类中重写drawRect:方法

- (void)drawRect:(CGRect)rect

   该方法中，会自动创建爱一个当前view对象图层的上下文对象，通过以下函数获取

CGContextRef UIGraphicsGetCurrentContext ( void );

UIView的刷帧：

     UIView子类的drawRect:方法调用的时机：

     1）对象第一次显示时

     2）调用view对象的setNeedsDisplay或setNeedsDisplayInRect方法

     所以，通过setNeedsDisplay方法可以实现图形的刷帧（重绘）操作。

 - (void)setNeedsDisplay

  • 图片的绘制

图片绘制的上下文需要用代码创建：

void UIGraphicsBeginImageContext ( CGSize size );     //标识上下文的开始
void UIGraphicsEndImageContext ( void );       //标识上下文的结束

   size参数：图片画布的大小

   在这个方位内，通过UIGraphicsGetCurrentContext()函数可以获得该上下文对象

获得当前上下文中绘制的UIImage对象

UIImage * UIGraphicsGetImageFromCurrentImageContext ( void );

UIImage对象保存到照片的函数：

void UIImageWriteToSavedPhotosAlbum ( UIImage *p_w_picpath, id completionTarget, SELcompletionSelector, void *contextInfo );

  • 绘制的方式

绘制的步骤：

    1）获得上下文对象

    2）进行绘制

    3）渲染

获得上下文后，就可以在上下文上进行图形的绘制，绘制的内容需要渲染到上下文

void CGContextStrokePath ( CGContextRef c );  //边界方式渲染
void CGContextFillPath ( CGContextRef c );     //填充方式渲染

设置画笔的颜色：

void CGContextSetRGBStrokeColor ( CGContextRef context, CGFloat red, CGFloatgreen, CGFloat blue, CGFloat alpha );
void CGContextSetRGBFillColor ( CGContextRef context, CGFloat red, CGFloatgreen, CGFloat blue, CGFloat alpha );

   也可以通过UIColor对象的set方式设置

- (void)set
- (void)setFill
- (void)setStroke

设置画笔线宽：

void CGContextSetLineWidth ( CGContextRef c, CGFloat width );

设置画笔起止点的样式：

void CGContextSetLineCap ( CGContextRef c, CGLineCap cap );

设置画笔转折点的样式：

void CGContextSetLineJoin ( CGContextRef c, CGLineJoin join );

画笔状态的保存/恢复（栈式）

void CGContextSaveGState ( CGContextRef c );
void CGContextRestoreGState ( CGContextRef c );

  • 绘制基本形状

确定绘制位置：

void CGContextMoveToPoint ( CGContextRef c, CGFloat x, CGFloat y );

绘制线段：

void CGContextAddLineToPoint ( CGContextRef c, CGFloat x, CGFloat y ); //从当前位置绘制到指定位置
void CGContextAddLines ( CGContextRef c, const CGPoint points[], size_t count ); //多点绘制
void CGContextClosePath ( CGContextRef c ); //绘制封闭线段

绘制矩形：

void CGContextAddRect ( CGContextRef c, CGRect rect );

绘制椭圆：

void CGContextAddEllipseInRect ( CGContextRef context, CGRect rect );

绘制圆弧：

void CGContextAddArc ( CGContextRef c, CGFloat x, CGFloat y, CGFloat radius,CGFloat startAngle, CGFloat endAngle, int clockwise );

  • 路径绘制

基于贝塞尔曲线的绘制（UIBezierPath）

+ (instancetype)bezierPath
- (void)moveToPoint:(CGPoint)point
- (void)addLineToPoint:(CGPoint)point
- (void)closePath
- (void)removeAllPoints
@property(nonatomic) CGFloat lineWidth
@property(nonatomic) CGLineCap lineCapStyle
@property(nonatomic) CGLineJoin lineJoinStyle
- (void)fill
- (void)stroke

基于CGPath的绘制

CGMutablePathRef CGPathCreateMutable ( void );
void CGPathMoveToPoint ( CGMutablePathRef path, const CGAffineTransform *m, CGFloat x, CGFloat y );
void CGPathAddLineToPoint ( CGMutablePathRef path, const CGAffineTransform *m, CGFloat x, CGFloat y );
void CGPathAddRect ( CGMutablePathRef path, const CGAffineTransform *m, CGRect rect );
void CGPathAddEllipseInRect ( CGMutablePathRef path, const CGAffineTransform *m, CGRect rect );
void CGPathAddArc ( CGMutablePathRef path, const CGAffineTransform *m, CGFloat x, CGFloat y, CGFloat radius,CGFloat startAngle, CGFloat endAngle, bool clockwise );
void CGPathRelease ( CGPathRef path );

  • 绘制文字

在上下文上绘制文字，需要使用NSString的方法：

- (void)drawInRect:(CGRect)rect
- (void)drawAtPoint:(CGPoint)point

  • 绘制图片

- (void)drawInRect:(CGRect)rect
- (void)drawAtPoint:(CGPoint)point blendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha
- (void)drawAtPoint:(CGPoint)point
- (void)drawAtPoint:(CGPoint)point blendMode:(CGBlendMode)blendMode alpha:(CGFloat)alpha

  • 屏幕截图

步骤：

a. 创建位图上下文

b. 需要截图的view，将其layer绘制到上下文

   view对象的layer属性(即view的图形)绘制到上下文的方法

- (void)renderInContext:(CGContextRef)ctx

c. 从位图上下文获得UIImage对象

d. 结束位图上下文

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。


本文题目：UIKit框架（17）Quartz2D-创新互联
本文来源：http://hbruida.cn/article/jjehs.html

其他资讯