简单的转场动画效果

作者: YourFoot | 来源:发表于2017-03-06 22:51 被阅读0次

这个效果折腾了两天,终于弄出来了....呼呼.

Untitled.gif

这个背景一直到不知道如何实现,后来知道了原来是毛玻璃特效.
这个效果在IOS8中实现起来很简单

  UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect   effectWithStyle:UIBlurEffectStyleExtraLight]];
effectView.frame = containerView.frame;
[ containerView insertSubview:effectView belowSubview: toVC.view];

UIVisualEffectView 是一个提供复杂动画效果的简单实现的类,他的初始化方法创建两种特效,一种是UIBlurEffect(毛玻璃效果),一种是UIVibrancyEffect.

UIBlurEffect有三个风格:extraLight,Light,dark
  extraLight和Light 差不多,dark背景暗一点

标签从下往上,只要设置toView高度就行,然后在动画里面设置终点,就变成从下往上弹了.

这是这个效果的代码:
https://github.com/ykkaixin/ATransitionAnimation

相关文章

  • Core Animation之转场动画

    1、转场动画简单介绍 CAAnimation的子类,用于做转场动画,能够为层提供移出屏幕和移入屏幕的动画效果。iO...

  • Android 动画-共享元素动画

    一、简介 首先看下转场共享元素动画的效果: 转场共享动画的代码实现: 代码很简单,startActivity 传了...

  • 简单的转场动画效果

    这个效果折腾了两天,终于弄出来了....呼呼. 这个背景一直到不知道如何实现,后来知道了原来是毛玻璃特效.这个效果...

  • iOS 自定义转场动画

    本文记录分享下自定义转场动画的实现方法,具体到动画效果:新浪微博图集浏览转场效果、手势过渡动画、网易音乐启动屏转场...

  • iOS动画(四) --自定义转场动画

    本文记录分享下自定义转场动画的实现方法,具体到动画效果:新浪微博图集浏览转场效果、手势过渡动画、网易音乐启动屏转场...

  • Flutter - 页面转场动画

    一、页面转场动画效果

  • 给控件也添加类似转场的动画效果

    话不多说 , 先上地址: 简单,快速给控件添加类似转场的动画效果 - github iOS中自定义转场动画一直是一...

  • 动画

    CABasicAnimation基础核心动画 缩放动画 图片抖动 根据圆形的路径做移动的效果. 转场动画 创建转场...

  • iOS自定义转场动画

    关于iOS的转场动画的实现: 转场动画实际上就是对View添加的转场效果,在CATransiton就已经给我们提供...

  • ios 转场动画

    简单的一句话,转场动画 //转场动画 [UIViewtransitionWithView:self.imageVi...

网友评论

    本文标题:简单的转场动画效果

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