Quartz2D簡單介紹

2022-09-02 18:42:11 字數 1873 閱讀 8447

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 

iOS開發 Quartz2D簡單介紹

一 什麼是quartz2d quartz 2d是 個二維繪圖引擎,同時支援ios和mac系統 quartz 2d能完成的工作 繪製圖形 線條 三角形 矩形 圓 弧等 繪製 生成 影象 讀取 生成pdf 截圖 裁剪 二 quartz2d開發中的價值 為了便於搭建美觀的uikit框架,有各種各樣的 ui...

Quartz 2D 簡單使用

想要在uiview內部繪製一下東西,需要自定義uiview,並且實現uiview的 void drawrect cgrect rect方法,為什麼需要實現drawrect 方法才能繪圖到 view 上,是因為在 drawrect 方法中才能取得跟 view 相關聯的圖形上下文,那麼什drawrect...

Quartz 2D的簡單使用

quartz 2d的簡單使用 使用quartz 2d這個框架可以在uiview畫出我們自己想畫的圖形,而不用使用系統提供的控制項。但是在要實現這個效果要重寫uiview的 void drawrect cgrect rect方法 1.繪製簡單的線段 void drawrect cgrect rect ...