玩過抖音的人應該都知道抖音的點讚效果挺酷炫的,而作為碼農我們一定想知道它是怎麼實現的。先上效果圖:
實現原理非常的簡單,直接上**:
/**
* 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...