CAShapeLayer 和UIBezierPath 的舉例使用

CAShapeLayer: ?CAShapeLayer繼承自CALayer潘懊,可以使用CALayer的所有屬性值邮辽,配合貝塞爾曲線(UIBezierPath)可以實現(xiàn)不在view的drawRect方法中畫出有一些想要的圖形,CAShapeLayer屬于CoreAnimation框架右冻,其動畫渲染直接提交到手機的GPU當中志珍,相較于view的drawRect方法使用CPU渲染而言鬼佣,其效率極高,能大大優(yōu)化內(nèi)存使用情況额获。

UIBezierPath: 使用UIBezierPath類可以創(chuàng)建基于矢量的路徑够庙,就是UIKit框架中,對繪圖的封裝抄邀,更加面向?qū)ο笤耪#瑢嶋H操作起來,用法與CGContextRef類似境肾,但是使用貝塞爾路徑剔难,更為方便。UIBezierPath常用的函數(shù)主要是下面幾個奥喻,(下圖二來自http://www.reibang.com/p/0e785269dccc)

CAShapeLayer 是基于UIBezierPath 才存在的偶宫,必須要結(jié)合UIBezierPath一起使用。貝塞爾曲線給CAShapeLayer提供路徑环鲤,CAShapeLayer在提供的路徑中進行渲染纯趋。路徑會閉環(huán),才能夠繪制出圖形冷离。下面舉兩個項目中會常用到的例子吵冒;


其他部分和正常定制cell一樣,畫圖就是把UIBezierPath的起始路徑移動到1點酒朵,[path moveToPoint:anglePoint];? 然后依次根據(jù)2桦锄,3,4蔫耽,5结耀,6留夜,7這幾個點加入路徑線段,[path addLineToPoint:CGPointMake( 0, cellH1)]; ? ?最后閉合[path closePath]; 其中被注釋的的部分是在黃色提示框四周加入了圓角图甜;

?#define JXDefaultHeight? ? 8.0? //尖角的高度

#define JXDefaultWidth? ? 5.0? //尖角的的半個寬度

#define JXDefaultRadius? 6.0? //弧度的半徑

#define cellH1? 45.0? //cell白色部分的高度

#define cellH2? 70.0? //cell白色部分的高度加上黃色部分的高度

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


這個頁面類似于微信聊天的起泡碍粥,但是他不是畫出來的,而是一個圖片黑毅;對圖片內(nèi)部進行拉伸嚼摩,保證他四周不變形;主要代碼就是下面的兩句話矿瘦,返回一張拉伸之后枕面,四周不變形的圖片,然后動態(tài)的去計算文字內(nèi)容的高度缚去,更改背景氣泡圖片的坐標大小

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末潮秘,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子易结,更是在濱河造成了極大的恐慌枕荞,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件搞动,死亡現(xiàn)場離奇詭異躏精,居然都是意外死亡,警方通過查閱死者的電腦和手機鹦肿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評論 3 385
  • 文/潘曉璐 我一進店門矗烛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人狮惜,你說我怎么就攤上這事高诺。” “怎么了碾篡?”我有些...
    開封第一講書人閱讀 157,852評論 0 348
  • 文/不壞的土叔 我叫張陵虱而,是天一觀的道長。 經(jīng)常有香客問我开泽,道長牡拇,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,621評論 1 284
  • 正文 為了忘掉前任穆律,我火速辦了婚禮惠呼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘峦耘。我一直安慰自己剔蹋,他們只是感情好,可當我...
    茶點故事閱讀 65,741評論 6 386
  • 文/花漫 我一把揭開白布辅髓。 她就那樣靜靜地躺著泣崩,像睡著了一般少梁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上矫付,一...
    開封第一講書人閱讀 49,929評論 1 290
  • 那天凯沪,我揣著相機與錄音,去河邊找鬼买优。 笑死妨马,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的杀赢。 我是一名探鬼主播烘跺,決...
    沈念sama閱讀 39,076評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼葵陵!你這毒婦竟也來了液荸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,803評論 0 268
  • 序言:老撾萬榮一對情侶失蹤脱篙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后伤柄,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體绊困,經(jīng)...
    沈念sama閱讀 44,265評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,582評論 2 327
  • 正文 我和宋清朗相戀三年适刀,在試婚紗的時候發(fā)現(xiàn)自己被綠了秤朗。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,716評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡笔喉,死狀恐怖取视,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情常挚,我是刑警寧澤作谭,帶...
    沈念sama閱讀 34,395評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站奄毡,受9級特大地震影響折欠,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吼过,卻給世界環(huán)境...
    茶點故事閱讀 40,039評論 3 316
  • 文/蒙蒙 一锐秦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧盗忱,春花似錦酱床、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽慷垮。三九已至,卻和暖如春揍堕,著一層夾襖步出監(jiān)牢的瞬間料身,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評論 1 266
  • 我被黑心中介騙來泰國打工衩茸, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留芹血,地道東北人。 一個月前我還...
    沈念sama閱讀 46,488評論 2 361
  • 正文 我出身青樓楞慈,卻偏偏與公主長得像幔烛,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子囊蓝,可洞房花燭夜當晚...
    茶點故事閱讀 43,612評論 2 350

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