一、什麼是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開發UI篇 Quartz2D簡單使用 二
一 畫文字 畫文字 nsstring str 英國首相卡梅倫接受採訪時明確表示,中英關係處在 時代 不得不說,中英關係的 時代 一詞是由卡梅倫開創的。從中也可以看出,英方 對發展中英關係的殷切希望和美好預期。中方對英方提出的 時代 予以積極回應,表明中方對發展中英關係的高度重視和最大誠意。時代 可謂...
iOS開發UI篇 Quartz2D簡單使用 一
ios開發ui篇 quartz2d簡單使用 一 一 畫直線 1 2 03 畫直線4 5 6 7 89 import yylineview.h 10 11 implementation yylineview 1213 14 當自定義view第一次顯示出來的時候就會呼叫drawrect方法 15 voi...
iOS開發UI篇 Quartz2D使用 信紙條紋
ios開發ui篇 quartz2d使用 信紙條紋 一 前導程式 新建乙個專案,在主控制器檔案中實現以下幾行 就能輕鬆的完成在檢視中的平鋪。1 import yyviewcontroller.h 2 3 inte ce yyviewcontroller 45 end67 implementation ...