iOS開發UI篇—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