iOS中的不規(guī)則圖形與CoreAnimation動畫

由于最近會接觸到K線圖,走勢圖這部分,所以我提前鞏固了下關(guān)于不規(guī)則圖形和一些動畫的知識。
不規(guī)則圖形,有很多種實現(xiàn)方式,我采用的是UIBezierPath+CAShapeLayer實現(xiàn)的。
一.在view的drawrect里實現(xiàn)不規(guī)則圖形

1.png

二.UIBezierPath+CAShapeLayer實現(xiàn)的不規(guī)則圖形

2052B31A-6C40-4BDA-BF98-CEE668A68DA8.png

三.CAGradientLayer實現(xiàn)的顏色漸變圖形

3.png

四.CABasicAnimation實現(xiàn)的基本動畫

4.gif

五.CAKeyframeAnimation實現(xiàn)的幀動畫,以及CAAnimationGroup實現(xiàn)的組動畫

6.gif

六.帶動效的走勢圖

7.gif

以上效果的實現(xiàn),都是基于CoreAnimation框架下實現(xiàn)的,比CoreGraphics的代碼更加簡潔一動。實現(xiàn)方法都在Demo,有不對的地方,歡迎指正。

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

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

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