1.首先上效果圖
view.gif
2.具體繪制流程
- 初始化圖片及對(duì)應(yīng)的寬高
carbon (2).png
-
屏幕點(diǎn)擊事件的處理
carbon (3).png
-
添加心形
carbon (6).png
-
制作動(dòng)畫
carbon (7).png -
繪制貝塞爾曲線
carbon (8).png -
獲取兩個(gè)定位點(diǎn)(最重要一步)
carbon (9).png
加草圖說明(雖然畫的有點(diǎn)丑不影響學(xué)習(xí))
view.png
首先找到觸摸點(diǎn)的坐標(biāo) x , y
然后再找到兩個(gè)定位點(diǎn) ,水平的 x 位置是隨機(jī)的 , y 的位置一個(gè)在中間分割線的上面一個(gè)在下面遣耍。
最后一個(gè)點(diǎn)就是y = 0 , x 的值是隨機(jī)的 柱徙。
-
做貝塞爾動(dòng)畫的時(shí)候會(huì)用到一個(gè)類
carbon.png