Quartz 2D 之Shadows

不知道怎么學(xué)習(xí)Quartz 2D 索性就全部翻譯一遍快毛,總結(jié)下demo晤斩,用的時候再結(jié)合大神的翻譯思路等等餐弱。中間因為實現(xiàn)播放器連播與防護鎖的問題宴霸,學(xué)習(xí)暫停了,繼續(xù)學(xué)習(xí)Quartz 2D之陰影膏蚓。

陰影就像一個圖像被繪制在下面瓢谢,并且有偏移量。就像一束光投射到圖像上形成的驮瞧。陰影可以使一個圖像出現(xiàn)三維或者它看起來像是浮動的氓扛。

陰影有三個參數(shù):X 軸偏移量 ,Y軸偏移量? 论笔,模糊值采郎。模糊值指定了圖像是否有明顯的邊緣或者是淡化的邊緣。


? How Shadows Work 如何工作

陰影是圖形狀態(tài)的一部分狂魔,你可以調(diào)用方法CGContextSetShadow蒜埋,傳入一個上下文,偏移量以及模糊值最楷。設(shè)置完后理茎,陰影被繪制采用RGBA 這個方法默認透明度為 {0, 0, 0, 1.0/3.0}.你也可以調(diào)用方法CGContextSetShadowWithColor,多提供一個CGColor的對象作為參數(shù)管嬉。

在你調(diào)用CGContextSetShadow or CGContextSetShadowWithColor之前保存了圖形狀態(tài)皂林,你可以通過恢復(fù)圖形狀態(tài)來關(guān)閉陰影。當(dāng)你設(shè)置shadow color 為NULL時也就關(guān)閉了陰影蚯撩。

Shadow Drawing Conventions Vary Based on the Context? 基于上下文的陰影繪制約定

先前描述的偏移量指定了投射到圖像上的陰影與 圖像的位置關(guān)系础倍。上下文解釋了偏移量,偏移量也被用來計算陰影的位置:

??? ?? 一個正的偏移量表示陰影在圖像對象的右邊

??? ??在Mac OS X 中胎挎,一個正向Y 偏移表示向上偏移沟启,這與Quartz 2D 的默認坐標系統(tǒng)是匹配的

??? ??在iOS中,假如你的應(yīng)用使用Quartz 2D創(chuàng)建PDF 或者位圖上下文犹菇,一個正向Y 偏移表示向上偏移

??? ??在iOS中德迹,假如你的應(yīng)用上下文是通過UIKit 創(chuàng)建的,比如調(diào)用UIGraphicsBeginImageContextWithOptions揭芍,表示正向Y偏移是向下的胳搞。這和UIKit 的坐標系統(tǒng)是匹配的。

陰影繪制約定不會被當(dāng)前轉(zhuǎn)換矩陣影響。

Painting with Shadows? 使用引用進行繪制

按照這些步驟來繪制陰影:

?1. 保存圖形狀態(tài)

2.調(diào)用方法 CGContextSetShaw肌毅,傳入合適的參數(shù)

3.完成你想繪制的陰影繪制

4. 恢復(fù)圖形狀態(tài)

按照這些步驟來繪制彩色的陰影:

1. 保存圖形狀態(tài)

2.創(chuàng)建一個CGColorSpace 對象以確保Quartz 能正確解釋陰影色值

3.創(chuàng)建一個CGColor對象來指定你繪制陰影所需要的顏色

4.調(diào)用方法 CGContextSetShadowWithColor 筷转,傳入合適的參數(shù)

5.完成繪制

6.恢復(fù)圖形狀態(tài)


Listing 7-1 一個完整的方法設(shè)置 陰影


? demo地址:Quartz 2D 模式之demo



最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市悬而,隨后出現(xiàn)的幾起案子呜舒,更是在濱河造成了極大的恐慌,老刑警劉巖笨奠,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件袭蝗,死亡現(xiàn)場離奇詭異,居然都是意外死亡般婆,警方通過查閱死者的電腦和手機呻袭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來腺兴,“玉大人,你說我怎么就攤上這事廉侧∫诚欤” “怎么了?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵段誊,是天一觀的道長闰蚕。 經(jīng)常有香客問我,道長连舍,這世上最難降的妖魔是什么没陡? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮索赏,結(jié)果婚禮上盼玄,老公的妹妹穿的比我還像新娘。我一直安慰自己潜腻,他們只是感情好埃儿,可當(dāng)我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著融涣,像睡著了一般童番。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上威鹿,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天剃斧,我揣著相機與錄音,去河邊找鬼忽你。 笑死幼东,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播筋粗,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼策橘,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了娜亿?” 一聲冷哼從身側(cè)響起丽已,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎买决,沒想到半個月后沛婴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡督赤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年嘁灯,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片躲舌。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡丑婿,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出没卸,到底是詐尸還是另有隱情羹奉,我是刑警寧澤,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布约计,位于F島的核電站诀拭,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏煤蚌。R本人自食惡果不足惜耕挨,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望尉桩。 院中可真熱鬧筒占,春花似錦、人聲如沸蜘犁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽沽瘦。三九已至革骨,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間析恋,已是汗流浹背良哲。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留助隧,地道東北人筑凫。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓滑沧,卻偏偏與公主長得像,于是被迫代替她去往敵國和親巍实。 傳聞我的和親對象是個殘疾皇子滓技,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容

  • --繪圖與濾鏡全面解析 概述 在iOS中可以很容易的開發(fā)出絢麗的界面效果,一方面得益于成功系統(tǒng)的設(shè)計棚潦,另一方面得益...
    韓七夏閱讀 2,717評論 2 10
  • Quartz 2D是一個二維繪圖引擎令漂,可在iOS環(huán)境中和內(nèi)核之外的所有Mac OS X應(yīng)用程序環(huán)境中訪問。您可以使...
    權(quán)宜平和閱讀 496評論 0 0
  • 在Mac OS X中丸边,Quartz 2D可以處理所有的圖形和圖形技術(shù)---Core Image叠必,Core Vid...
    雪_晟閱讀 481評論 0 4
  • 無論怎樣飛 飛過多遠的秋天 飛成鳥或鳥們 在人們的眼里 我始終都是一群鳥或 一只鳥那樣的 鳥樣子
    勒尤閱讀 185評論 0 0
  • 百度上說,微信 手機端為主 推崇小而精 內(nèi)容比較精煉妹窖。微信上說纬朝,拍一張照片 開啟記錄你的生活。對啊骄呼,相比QQ 微信...
    衛(wèi)木閱讀 608評論 0 0