豌豆荚Item打开效果

2016-02-23  本文已影响129人  EasonDev

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

分解

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

Paste_Image.png

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


Paste_Image.png

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

Paste_Image.png

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

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

openitem.gif

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

上一篇下一篇

猜你喜欢

热点阅读