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

簡(jiǎn)介:

? ? ? ?CAShapeLayer屬于QuartzCore框架,繼承自CALayer。CAShapeLayer是在坐標(biāo)系內(nèi)繪制貝塞爾曲線的,通過繪制貝塞爾曲線,設(shè)置為shape的path,來繪制各種各樣的形狀。因此,使用CAShapeLayer需要與UIBezierPath一起使用。

? ? ? CAShapeLayer有一個(gè)屬性path,類型為CGPathRef,而UIBezierPath就是對(duì)CGPathRef類型的封裝,因此,這兩者配合起來使用才可以!

? ? ? CAShapeLayer是一個(gè)通過矢量圖形而不是位圖來繪制的圖層子類。你指定諸如顏色和線寬等屬性,用path來定義想要繪制的圖形,最后CAShapeLayer就自動(dòng)渲染出來了。當(dāng)然,你也可以用CoreGraphics直接向原始的CALayer的內(nèi)容中繪制一個(gè)path,相比之下,使用CAShapeLayer有以下優(yōu)點(diǎn):

渲染快速:CAShapeLayer使用了硬件加速,繪制同一圖形會(huì)比用CoreGraphics快很多。

高效使用內(nèi)存:CAShapeLayer不需要像普通CALayer一樣創(chuàng)建一個(gè)寄宿圖形,所以無論有多大,都不會(huì)占用太多的內(nèi)存。

不會(huì)被圖層邊界裁剪掉:CAShapeLayer可以在邊界之外繪制。你的涂層路徑不會(huì)像在使用CoreGraphics的普通CALayer一樣被裁剪掉。

不會(huì)出現(xiàn)像素化:當(dāng)你給CAShapeLayer做3D變換時(shí),它不像一個(gè)有寄宿圖的普通圖層一樣變得像素化。

屬性:

path:不像大多數(shù)的動(dòng)畫屬性,path不支持隱式動(dòng)畫。

fillColor:填充path的顏色,或無填充。默認(rèn)為不透明黑色。動(dòng)畫的。

fillRule:填充path的規(guī)則。選項(xiàng)是非零和偶奇。默認(rèn)為非零。

? ? ? NSString *const kCAFillRuleNoneZero;

? ? ? NSString *const kCAFillRuleEvenOdd;

lineCap:線端點(diǎn)類型

? ? ? NSString *const kCALineCapButt;

? ? ? NSString *const kCALineCapRound;

? ? ? NSString *const kCALineCapSquare;

lineDashPattern:線性模版,這是一個(gè)NSNumber的數(shù)組,索引從1開始記,奇數(shù)位數(shù)值表示實(shí)線長(zhǎng)度,偶數(shù)位數(shù)值表示空白長(zhǎng)度。

lineDashPhase:線型模版的起始位置。

lineJoin:線連接類型。

? ? ? ?NSString *const kCALineJoinMiter;

? ? ? ?NSString *const kCALineJoinRound;

? ? ? ?NSString *const kCALineJoinBevel;

lineWidth:線寬,用點(diǎn)表示單位。

miterLimit:最大斜接長(zhǎng)度。斜接長(zhǎng)度指的是在兩條線交匯處和外交之間的距離。只有l(wèi)ineJoin屬性為kCALineJoinMiter時(shí)miterLimit才有效。邊角的角度越小,斜接長(zhǎng)度就會(huì)越大。為了避免斜接長(zhǎng)度過長(zhǎng),我們可以使用miterLimit屬性。如果斜接長(zhǎng)度超過miterLimit的值,邊角會(huì)以lineJoin的“bevel”即kCALineJoinBevel類型來顯示。

strokeColor:該值定義了繪制的輪廓的顏色。

strokeStart和strokeEnd:部分繪線。都是0.0~1.0的取值范圍。經(jīng)常被用來制作動(dòng)畫效果。

最后編輯于
?著作權(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 1,CAShapeLayer繼承自CALayer,可使用CALayer的所...
    GiantForJade閱讀 511評(píng)論 1 3
  • 目錄: 主要繪圖框架介紹 CALayer 繪圖 貝塞爾曲線-UIBezierPath CALayer子類 補(bǔ)充:i...
    Ryan___閱讀 1,790評(píng)論 1 9
  • 一、CAShapelayer 我們知道可以不使用圖片情況下利用CGpath去構(gòu)建任意形狀的陰影。其實(shí)我們也可...
    小貓仔閱讀 1,827評(píng)論 0 5
  • 從穿上厚厚的棉衣的那一刻起,心中忽然有了一種悸動(dòng),想要留下點(diǎn)什么,給忙碌奮斗的自己。 一種傷感緩緩蔓延,慨嘆歲月無...
    伊少閱讀 226評(píng)論 0 0
  • 本文主要記錄一些學(xué)習(xí)Python中的小知識(shí)以及遇到的坑(持續(xù)更新) 1. 最坑爹的錯(cuò)誤(Not a git rep...
    __LuckyPan__閱讀 252評(píng)論 0 0

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