天天看點

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或者顯示器的視窗上)

iOS開發UI篇—Quartz2D簡單介紹

相同的⼀套繪圖序列,指定不同的graphics context,就可将相同的圖像繪制到不同的目标上

iOS開發UI篇—Quartz2D簡單介紹

四、自定義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

繼續閱讀