CAShapelayer學(xué)習(xí)筆記

先簡(jiǎn)單的介紹下CAShapeLayer

1,CAShapeLayer繼承自CALayer，可使用CALayer的所有屬性

2,CAShapeLayer需要和貝塞爾曲線配合使用才有意義。

Shape：形狀

貝塞爾曲線可以為其提供形狀，而單獨(dú)使用CAShapeLayer是沒有任何意義的。

3,使用CAShapeLayer與貝塞爾曲線可以實(shí)現(xiàn)不在view的DrawRect方法中畫出一些想要的圖形

關(guān)于CAShapeLayer和DrawRect的比較

DrawRect：DrawRect屬于CoreGraphic框架，占用CPU，消耗性能大

CAShapeLayer：CAShapeLayer屬于CoreAnimation框架，通過GPU來渲染圖形，節(jié)省性能。動(dòng)畫渲染直接提交給手機(jī)GPU，不消耗內(nèi)存

貝塞爾曲線與CAShapeLayer的關(guān)系

1，CAShapeLayer中shape代表形狀的意思，所以需要形狀才能生效

2，貝塞爾曲線可以創(chuàng)建基于矢量的路徑

3，貝塞爾曲線給CAShapeLayer提供路徑，CAShapeLayer在提供的路徑中進(jìn)行渲染。路徑會(huì)閉環(huán)，所以繪制出了Shape

4，用于CAShapeLayer的貝塞爾曲線作為Path，其path是一個(gè)首尾相接的閉環(huán)的曲線，即使該貝塞爾曲線不是一個(gè)閉環(huán)的曲線

CAShapeLayer的兩個(gè)參數(shù)，strokeEnd和strokeStart

Stroke:用筆畫的意思

在這里就是起始筆和結(jié)束筆的位置

Stroke為1的話就是一整圈，0.5就是半圈，0.25就是1/4圈。以此類推

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 簡(jiǎn)介： CAShapeLayer屬于QuartzCore框架，繼承自CALayer。CAShapeLayer...
    raydang閱讀 2,506評(píng)論 0贊 3
  • 目錄: 主要繪圖框架介紹 CALayer 繪圖 貝塞爾曲線-UIBezierPath CALayer子類 補(bǔ)充：i...
    Ryan___閱讀 1,776評(píng)論 1贊 9
  • 今天動(dòng)畫的主要用CAShapeLayer和貝塞爾曲線做一個(gè)提交的動(dòng)畫，也是沒有什么難度的 先簡(jiǎn)單的介紹下CASha...
    zhanming閱讀 12,019評(píng)論 12贊 77
  • 公司認(rèn)證檢查完畢，工作暫告一個(gè)段落，對(duì)于我來說呢，崗位機(jī)動(dòng)，不固定，如今呢，不知道會(huì)做些什么工作。 現(xiàn)在特殊時(shí)期，...
    趙淇淇閱讀 214評(píng)論 0贊 0
  • 好像快樂很容易釋放，而憂傷卻很難釋懷。我無(wú)借酒澆愁的灑脫，也無(wú)對(duì)月當(dāng)歌的興致，更無(wú)信手捏來的才氣。只能靜靜地打開筆...
    古月胡說y閱讀 264評(píng)論 3贊 6

友情鏈接更多精彩內(nèi)容