使用CAShapeLayer做一個高性能的畫板(OC版)

Swift版原文

touchesBegan方法中初始化一個CAShapeLayer:

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    CGPoint point = [self pointWithTouches:touches];
    if (event.allTouches.count == 1) {
        [self initStartPath:point];
    }
}
- (CGPoint)pointWithTouches:(NSSet<UITouch *> *)touches{
    UITouch *touch = (UITouch *)touches.anyObject;
    return [touch locationInView:self.view];
}

初始化CAShapeLayer:

- (void)initStartPath:(CGPoint)startPoint{
    UIBezierPath *path = [[UIBezierPath alloc] init];
    path.lineWidth = 2;
    // 線條拐角
    path.lineCapStyle = kCGLineCapRound;
    // 終點處理
    path.lineJoinStyle = kCGLineJoinRound;
    [path moveToPoint:startPoint];
    self.lastPath = path;
    
    CAShapeLayer *shapeLayer = [[CAShapeLayer alloc] init];
    shapeLayer.path = path.CGPath;
    shapeLayer.fillColor = [UIColor clearColor].CGColor;
    shapeLayer.lineCap = kCALineCapRound;
    shapeLayer.lineJoin = kCALineJoinRound;
    shapeLayer.strokeColor = [UIColor redColor].CGColor;
    shapeLayer.lineWidth = path.lineWidth;
    self.lastLayer = shapeLayer;
    [self.view.layer addSublayer:shapeLayer];
}```
在```touchesMoved```方法中更新貝塞爾曲線的路徑
  • (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    CGPoint point = [self pointWithTouches:touches];
    if (event.allTouches.count == 1) {
    [self.lastPath addLineToPoint:point];
    self.lastLayer.path = self.lastPath.CGPath;
    }
    }
運行效果:

![畫板.gif](http://upload-images.jianshu.io/upload_images/2666834-bbc6a861b2674bb4.gif?imageMogr2/auto-orient/strip)
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末老客,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件吨艇,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機画切,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來囱怕,“玉大人霍弹,你說我怎么就攤上這事⊥薰” “怎么了典格?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長台丛。 經(jīng)常有香客問我耍缴,道長,這世上最難降的妖魔是什么挽霉? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任私恬,我火速辦了婚禮,結(jié)果婚禮上炼吴,老公的妹妹穿的比我還像新娘本鸣。我一直安慰自己,他們只是感情好硅蹦,可當我...
    茶點故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布荣德。 她就那樣靜靜地躺著,像睡著了一般童芹。 火紅的嫁衣襯著肌膚如雪涮瞻。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天假褪,我揣著相機與錄音署咽,去河邊找鬼。 笑死,一個胖子當著我的面吹牛宁否,可吹牛的內(nèi)容都是我干的窒升。 我是一名探鬼主播,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼慕匠,長吁一口氣:“原來是場噩夢啊……” “哼饱须!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起台谊,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤蓉媳,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后锅铅,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體酪呻,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年盐须,在試婚紗的時候發(fā)現(xiàn)自己被綠了号杠。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡丰歌,死狀恐怖姨蟋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情立帖,我是刑警寧澤眼溶,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站晓勇,受9級特大地震影響堂飞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜绑咱,卻給世界環(huán)境...
    茶點故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一绰筛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧描融,春花似錦铝噩、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至年叮,卻和暖如春具被,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背只损。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工一姿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓叮叹,卻偏偏與公主長得像艾栋,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子衬横,可洞房花燭夜當晚...
    茶點故事閱讀 44,573評論 2 353

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

  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫裹粤、插件终蒂、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,093評論 4 62
  • 我伸手去觸碰你 穿過二百二十七公里的距離 如同一只攀爬的蛇 我細長的胳膊 在手指的帶領下 無盡的延長 他們翻過霧氣...
    李小陪閱讀 245評論 2 2
  • 本文講述第八章的內(nèi)容蜂林。 本章的主題是從過去的自己走到未來的自己。 從過去一路走來拇泣,磕磕碰碰噪叙,也許經(jīng)歷太多,有時候不...
    kidII閱讀 291評論 0 0
  • 以前瘋狂的愛著一個胖子 后來霉翔,胖子變成了瘦子 而我睁蕾,做了信使 傳遞著憂傷的故事 后來,故事被我寫成了詩 留在一個叫...
    周門近安閱讀 279評論 1 6
  • 楓葉飄過 幸福依然記得水府的夢 問一問昨夜的淚 只是晚霞染紅楓葉飄過的醉 夢想的天空總是下著雨 那或許就是楓葉飄過...
    米瀾盛若閱讀 160評論 1 3