美文网首页
视图模糊到清晰的动画效果

视图模糊到清晰的动画效果

作者: lizhi_boy | 来源:发表于2018-08-31 10:25 被阅读6次

实现原理:1、使用UIVisualEffectView构建模糊视图 ;2、使用UIViewPropertyAnimator来实现动画效果。(ios10以后才出现的这个类)

直接看代码:

    //毛玻璃效果
    UIBlurEffect *effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
    UIVisualEffectView *effectView = [[UIVisualEffectView alloc] initWithEffect:effect];
     effectView.frame = CGRectMake(0,0,100,100);
    [cricleView addSubview:effectView];
//设置动画时长,动画效果(用法和 [UIView animateWithDuration:<#(NSTimeInterval)#> animations:<#^(void)animations#>]差不多,但多了很多动画的控制操作,开始,暂停,动画完成百分比等)
    self.animator = [[UIViewPropertyAnimator alloc] initWithDuration:5 curve:UIViewAnimationCurveLinear animations:^{
        effectView.effect = nil;
    }];
  //开始
    [self.animator startAnimation];

兼容ios10之前则用常规的写法:(替代UIViewPropertyAnimator的使用)

    [UIView animateWithDuration:5 animations:^{
         effectView.effect = nil;
    }];

相关文章

  • 视图模糊到清晰的动画效果

    实现原理:1、使用UIVisualEffectView构建模糊视图 ;2、使用UIViewPropertyAnim...

  • 「PPT疗程」 模糊出现

    如何让你的元素从模糊到清晰 以上图片从模糊到清晰的出现效果你是否会操作呢,这个效果的动画其实并不难,重点是在于它并...

  • iOS 毛玻璃效果(Mosaic)

    模糊效果(毛玻璃):对效果视图做了一个模糊的效果,即在目标视图上添加一个模糊视图. 方法一 系统方法,这种方法有一...

  • 四种常用风格的抽屉视图

    1)双向抽屉视图 2)抽屉动画 3)双向抽屉视图带缩放效果 4)抽屉视图动画缩放 #import "ApDrawe...

  • 记录Android中几种动画的实现方式

    一、视图动画 视图动画只是在视图上产生动画效果,View的属性(位置、大小、角度等)实际并未发生变化。Androi...

  • UIView和UILabel基础

    父子视图 视图的层次关系 视图的动画效果 UILabel基础 根据文字设置Label的大小

  • iOS-swfit 仿新浪微博、百度贴吧 Tabbar弹出视图

    效果同微博和贴吧Tabbar中间按钮,点击后会动画弹出视图,视图上有各个按钮选项。 动画效果主要运用UIView ...

  • 底部弹出视图封装

    先看效果: 点击更换头像按钮,动画弹出底部视图,背景视图阴影效果,视图里的控件的touch响应事件通过block传...

  • 三. 总结

    自定义视图实现动画的两种思路 方式一. 不使用属性动画。 如果自定视图中有动画效果,一般涉及到两个变量一个渐变量(...

  • 动画

    一、视图动画 1、补间动画:动作变化 alpha:透明度渐变动画效果 scale:尺寸变化动画效果 transla...

网友评论

      本文标题:视图模糊到清晰的动画效果

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