仿即刻點(diǎn)贊效果

即刻做的真的是很不錯，也是在看了他們的點(diǎn)贊效果后，對比目前我項(xiàng)目中的點(diǎn)贊，老臉一紅
恰逢當(dāng)時正在看HenCoder的關(guān)于繪制的文章，那么來仿一個

即刻點(diǎn)贊的原效果

image

仿即刻點(diǎn)贊.gif

需求分解

• 文字部分
  • 正向增加時，舊數(shù)字從中間位置向上移除，新數(shù)字從下方向中間添加，透明度變化
  • 負(fù)向減少時，舊數(shù)字從中間位置向下移除，新數(shù)字從上方向中間添加，透明度變化
  • 計(jì)算需要繪制的文字部分，也就是進(jìn)位
• 圖片動畫部分
  • 正向增加時，圖片資源為選中效果，負(fù)向減少時，為非選中效果
  • 小手的縮放效果
  • 圓環(huán)的放大效果
  • 大拇指上的小點(diǎn)點(diǎn)效果

未實(shí)現(xiàn)的部分

• 組件的寬高暫時還沒有處理好，demo里都是寫死的100dp，不合理
• 還需要做更抽象的處理，提高擴(kuò)展性
• 只實(shí)現(xiàn)了效果，沒有對click行為，touch行為做處理

其他的源碼上已經(jīng)有詳細(xì)的注釋，就不一一寫了

點(diǎn)我進(jìn)github傳送門

2018.8.6更新

其實(shí)代碼已經(jīng)改過很久了，只是前段時間一直忙于業(yè)務(wù)，沒空管理這個東西，現(xiàn)在github重新更新了代碼，對組件進(jìn)行了一定的抽象，一定程度上提高了擴(kuò)展性，長寬的問題也已經(jīng)解決。另外，歡迎fork，畢竟我的代碼都是基于我的經(jīng)驗(yàn)，我的實(shí)際場景實(shí)現(xiàn)的，可能并不適用于每一個人