由于最近會接觸到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,有不對的地方,歡迎指正。