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