仿简书、淘宝等等App的View弹出效果

pop.png

昨天用简书App的时候觉得这个View的弹出效果特别好,而且非常平滑,所以我就尝试写了一个,和简书App上的效果基本一致了:

JianShuPop.gif

下面开始讲解:

1.首先我们要知道这个页面有几个View?这个页面其实有四个View,self.view , 图中白色VC的View rootVC.view ,白色VC上的maskView maskView , 以及弹出的popView popView 。我们创建它们:

2.然后要添加点击事件,这里为了方便我的弹出事件直接用的touchesBegan

这里要注意一下的就是popview是添加到window上面的:[[UIApplication sharedApplication].windows[0] addSubview:_popView];

然后关键的layer形变方法来了

大家可以看到这,应该可以发现这里其实有两次形变

3.隐藏动画

最后,完整代码,已经封装好了,继承之后使用创建方法就行了

GitHub:Wzxhaha

1 6 收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部