一、什麼是Quartz2DQuartz 2D是⼀個二維繪圖引擎,同時支持iOS和Mac系統Quartz 2D能完成的工作:繪製圖形 : 線條\三角形\矩形\圓\弧等 繪製文字繪製\生成圖片(圖像)讀取\生成PDF 截圖\裁剪圖片 自定義UI控制項二、Quartz2D在iOS開發中的價值為了便於搭建美觀...
一、什麼是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