美文网首页自定义View
仿即刻自定义点赞组件

仿即刻自定义点赞组件

作者: ZZombiee | 来源:发表于2018-07-04 11:46 被阅读60次

    仿即刻点赞效果

    即刻做的真的是很不错,也是在看了他们的点赞效果后,对比目前我项目中的点赞,老脸一红
    恰逢当时正在看HenCoder的关于绘制的文章,那么来仿一个

    即刻点赞的原效果

    image
    仿写效果
    仿即刻点赞.gif

    需求分解

    • 文字部分
      • 正向增加时,旧数字从中间位置向上移除,新数字从下方向中间添加,透明度变化
      • 负向减少时,旧数字从中间位置向下移除,新数字从上方向中间添加,透明度变化
      • 计算需要绘制的文字部分,也就是进位
    • 图片动画部分
      • 正向增加时,图片资源为选中效果,负向减少时,为非选中效果
      • 小手的缩放效果
      • 圆环的放大效果
      • 大拇指上的小点点效果

    未实现的部分

    • 组件的宽高暂时还没有处理好,demo里都是写死的100dp,不合理
    • 还需要做更抽象的处理,提高扩展性
    • 只实现了效果,没有对click行为,touch行为做处理

    其他的源码上已经有详细的注释,就不一一写了

    点我进github传送门


    2018.8.6更新

    其实代码已经改过很久了,只是前段时间一直忙于业务,没空管理这个东西,现在github重新更新了代码,对组件进行了一定的抽象,一定程度上提高了扩展性,长宽的问题也已经解决。另外,欢迎fork,毕竟我的代码都是基于我的经验,我的实际场景实现的,可能并不适用于每一个人

    相关文章

      网友评论

        本文标题:仿即刻自定义点赞组件

        本文链接:https://www.haomeiwen.com/subject/ppkeuftx.html