美文网首页
豌豆荚Item打开效果

豌豆荚Item打开效果

作者: EasonDev | 来源:发表于2016-02-23 10:07 被阅读129次

    之前一直感觉豌豆荚item打开的效果挺不错 非常喜欢 那种方式如果在5.0以后用补间动画也是可以完成的有一些小细节问题也更容易避免 当然用别的方法也是可以的 也没有复杂多少 好了 进入正题开始撸起来

    分解

    首先我们需要把详情的activity设置为透明的并且没有打开的过渡效果

    Paste_Image.png

    下来需要把点击的item的XY坐标传过来然后把需要位移动画的图片设置起始位置


    Paste_Image.png

    再下来最后一步就是计算起始位置到最终停止的XY距离 这里直接上代码

    Paste_Image.png

    补间动画是完成了最后就是打开的那个白色
    这个就差不多作法
    设置起始位置然后做一个缩放动画就完成了

    方法可能比较烂。只是一个思路吧 望大神指教

    openitem.gif

    项目地址:https://github.com/EasonHolmes/WanDoujiaOPen

    相关文章

      网友评论

          本文标题:豌豆荚Item打开效果

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