Quartz2D介紹，quartz2d

Quartz2D介紹，quartz2d

一、什麼是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