一、什麽是Quartz2D

Quartz 2D是?個二維繪圖引擎,同時支持iOS和Mac系統

Quartz 2D能完成的工作：

繪制圖形 : 線條\三角形\矩形\圓\弧等

繪制文字

繪制\生成圖片(圖像)

讀取\生成PDF

截圖\裁剪圖片

自定義UI控件

二、Quartz2D在iOS開發中的價值

為了便於搭建美觀的UI界面,iOS提供了UIKit框架,??有各種各樣的UI控件

UILabel:顯?文字
UIImageView:顯示圖片
UIButton:同時顯示圖片和?字(能點擊)

利?UIKit框架提供的控件,拼拼湊湊,能搭建和現實一些簡單、常見的UI界?

但是,有些UI界面極其復雜、?且?較個性化,?普通的UI控件無法實現,這時可以利用Quartz2D技術將控件內部的結構畫出來,自定義控件的樣子

其實,iOS中?部分控件的內容都是通過Quartz2D畫出來的
因此,Quartz2D在iOS開發中很重要的?個價值是:自定義view(自定義UI控件)

三、圖形上下文

圖形上下文(Graphics Context):是一個CGContextRef類型的數據

圖形上下文的作用:

(1)保存繪圖信息、繪圖狀態
(2)決定繪制的輸出目標(繪制到什麽地?去?) (輸出目標可以是PDF?文件、Bitmap或者顯示器的窗口上)

相同的?套繪圖序列,指定不同的Graphics Context,就可將相同的圖像繪制到不同的目標上

四、自定義view

如何利用Quartz2D?定義view?(?定義UI控件)

如何利用Quartz2D繪制東西到view上?

首先,得有圖形上下文,因為它能保存繪圖信息,並且決定著繪制到什麽地方去

其次,那個圖形上下?必須跟view相關聯,才能將內容繪制到view上面

?定義view的步驟:

(1)新建?個類,繼承自UIView

(2)實現-(void)drawRect:(CGRect)rect?法.然後在這個?方法中 :

1)取得跟當前view相關聯的圖形上下文;

2)繪制相應的圖形內容

3)利用圖形上下文將繪制的所有內容渲染顯示到view上面

五、補充說明

1.drawRect:

（1）為什麽要實現drawRect:?法才能繪圖到view上?

因為在drawRect:?法中才能取得跟view相關聯的圖形上下文

（2）drawRect:?法在什麽時候被調用?

當view第一次顯示到屏幕上時(被加到UIWindow上顯示出來)

調用view的setNeedsDisplay或者setNeedsDisplayInRect:時

2.Quartz2D須知

Quartz2D的API是純C語?言的
Quartz2D的API來自於Core Graphics框架

數據類型和函數基本都以CG作為前綴

CGContextRef
CGPathRef
CGContextStrokePath(ctx);

3.drawRect:中取得的上下?文

在drawRect:方法中取得上下文後,就可以繪制東西到view上

View內部有個layer(圖層)屬性,drawRect:方法中取得的是一個Layer Graphics Context,因此,繪制的東西其實是繪制到view的layer上去了

View之所以能顯示東西,完全是因為它內部的layer

iOS開發UI篇—Quartz2D簡單介紹