Android点赞动效实现教程
QQ 的点赞效果真挺有意思的,动效顺滑、反馈也足,点起来就是爽。想在自己 App 里做个类似的?这篇教程就教你怎么搞定。动画、数字加一、图标弹跳,甚至还能加点音效和震动,细节都照顾到了,用户体验一下子就拉满。
点赞按钮的设计,建议用矢量图或者高清图片,像爱心、拇指都挺常见。状态变化也得搞清楚,未点赞是灰的,点赞后变红,最好加点阴影或边框,让人一眼就能看出来。
动画这块,数字加一的过程可以用ValueAnimator
来搞,慢慢变大再恢复原样,看着就舒服。图标动画用ObjectAnimator
控制大小和透明度,模拟个“跳一下”的效果,点的时候更有感觉。
别忘了点击事件。OnClickListener
里逻辑,同时也要注意防止重复点赞,SharedPreferences
是个不错的选择,简单好用。别忘了点完要更新数据,动画也得同时跑起来。
数字显示建议用TextView
配合自定义布局,方便做对齐和缩放,搞点SpannableString
也行,能把新增的数字高亮,效果还挺炫的。
为了让用户点得更爽,可以加点音效和振动反馈。用SoundPool
播个小提示音,再配合Vibrator
轻轻震一下,别太夸张,适度最好。
上线前记得多测,尤其在老设备上测下动画流畅度,别卡顿;网络不好时也得考虑下本地缓存策略,别让用户点了个寂寞。
如果你想深入研究,推荐看看这些资源:
如果你正好在做社交类 App,或者只是想加个互动功能,这种 QQ 式点赞效果绝对值得试试。
android点赞效果
预估大小:3218个文件
gradlew.bat
2KB
sample-debug-unaligned.apk
1.12MB
sample-debug.apk
1.12MB
resources-debug.ap_
439KB
resources-debug-androidTest.ap_
770B
RatingCompat.aidl
673B
MediaSessionCompat.aidl
787B
ParcelableVolumeInfo.aidl
689B
PlaybackStateCompat.aidl
688B
MediaMetadataCompat.aidl
680B
4.38MB
文件大小:
评论区