仿抖音點贊效果

2021-08-20 15:19:26 字數 964 閱讀 9798

玩過抖音的人應該都知道抖音的點讚效果挺酷炫的,而作為碼農我們一定想知道它是怎麼實現的。先上效果圖:

實現原理非常的簡單,直接上**:

/**

* created by csc on 2018/6/11.

* information:仿抖音點贊功能

*/class love(context: context) :relativelayout(context)

override fun ontouchevent(event: motionevent?): boolean })}

return super.ontouchevent(event)

}fun scaleani(view:view,propertyname:string,from:float,to:float,time:long,delaytime:long):objectanimator

fun translationx(view:view,from:float,to:float,time:long,delaytime:long):objectanimator

fun translationy(view:view,from:float,to:float,time:long,delaytime:long):objectanimator

fun alphaani(view:view,from:float,to:float,time:long,delaytime:long):objectanimator

fun rotation(view: view, time: long, delaytime: long, vararg values: float): objectanimator

return ani}}

ok,這樣就完成了。是不是很easy!

仿抖音點贊按鈕

每乙個圖形,都是通過一點點拼接到一起的,而每乙個動畫亦然,只需要將動畫和圖形進行拆解,就不難了。模仿下抖音點贊按鈕的動畫效果。拆解一下動畫效果。1 通過uibezierpath實現愛心的上半部分。let rect cgrect x 10,y 10,width frame.width 20,heigh...

React Native 仿抖音點贊特效

前言 任何一款應用無疑都或多或少的使用到動畫效果,它對於提公升使用者體驗有著無比重要的作用。react native同樣提供了豐富的動畫api供開發者呼叫,而對於此部分知識的掌握無疑是rn高階的必經之路,本文通過案例帶大家實踐掌握animated art等動畫及繪圖知識。animatedart手勢系...

雙擊飛小心心 仿抖音點贊

自定義手勢識別 class myongesturelistener extends gesturedetector.ongesturelistener else else y1 int y if mlove null mlove.addloveview x1,y1 new乙個gesturedetec...