MotionBlur

MotionBlur

https://github.com/fastred/MotionBlur

 

MotionBlur allows you to add motion blur effect to your animations (currently only position's change). See the accompanying blog post to learn how it's implemented.

MotionBlur允许你添加动态模糊特效(目前只支持位移变化).你可以看这篇博文来看看是怎么实现的.

 

Note how the text and icons on the menu get blurred when it slides in and out.

注意看,这个文字以及图片会在滑入或者滑出的时候变得模糊了.

 

Usage

First, import it with:

首先,导入头文件:

#import "UIView+MotionBlur.h"

then use it with:

然后这么用:

[yourView enableBlurWithAngle:M_PI_2 completion:^{
    [UIView animateWithDuration:0.5
                          delay:0
         usingSpringWithDamping:0.8
          initialSpringVelocity:0.3
                        options:UIViewAnimationOptionAllowUserInteraction | UIViewAnimationOptionBeginFromCurrentState
                     animations:^{

        CGRect f = yourView.frame;
        f.origin = CGPointMake(0, 300);
        yourView.frame = f;
    } completion:^(BOOL finished) {
        [yourView disableBlur];
    }];
}];

Snapshot and blur are computed before the animation, that's why the API is asynchronous. You should also see the example project and read comments in the header file:Classes/UIView+MotionBlur.h.

截图以及模糊会在动画执行前就计算好了.所以,这是这个API为什么是异步的.你可以查看头文件来了解详情.

 

Demo

To run the example project; clone the repo and open Example/MotionBlur.xcodeproj.

 

Requirements

  • iOS 8 and above

 

Installation

MotionBlur is available through CocoaPods. To install it, simply add the following line to your Podfile:

MotionBlur支持CocoaPods.

pod "MotionBlur"

 

Author

Arkadiusz Holko:

时间: 2024-11-03 04:58:20

MotionBlur的相关文章

非常详细的IMG,IFRAME的属性参考手册

参考|参考手册 I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象 IFRAME 元素 | iframe 对象 -------------------------------------------------------------------------------- 创建内嵌浮动框架. 成员表 下面的表格列出了 iframe 对象引出的成员.请单击左侧的标签来选择你想要查看的成员类型.  标签属性/属性   显示: 标签属性/属性 行为 集合 事件 滤镜 方法 对象

IFRAME的属性参考手册

参考|参考手册 IFRAME 元素 | iframe 对象 -------------------------------------------------- 创建内嵌浮动框架. 成员表 下面的表格列出了 iframe 对象引出的成员.请单击左侧的标签来选择你想要查看的成员类型. 标签属性/属性 显示: 标签属性/属性 行为 集合 事件 滤镜 方法 对象 样式 标签属性 属性 描述 ALIGN align 设置或获取表格排列. ALLOWTRANSPARENCY allowTransparen

译自MSDN非常详细的IMG,IFRAME的属性参考手册

参考|参考手册 I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象 IFRAME 元素 | iframe 对象 -------------------------------------------------------------------------------- 创建内嵌浮动框架. 成员表 下面的表格列出了 iframe 对象引出的成员.请单击左侧的标签来选择你想要查看的成员类型.  标签属性/属性   显示: 标签属性/属性 行为 集合 事件 滤镜 方法 对象

非常详细的IFRAME的属性参考手册

参考|参考手册 I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象 IFRAME 元素 | iframe 对象 ----------------------------------------------------- 创建内嵌浮动框架. 成员表 下面的表格列出了 iframe 对象引出的成员.请单击左侧的标签来选择你想要查看的成员类型.  标签属性/属性   显示: 标签属性/属性 行为 集合 事件 滤镜 方法 对象 样式 标签属性 属性 描述 ALIGN align 设

Secret of Photoshop 纹理篇(金属纹理研究

三.金属纹理研究各位朋友大家好,希望这篇教程能够带给大家新的体验.好了,从今天开始,我们要开始挑战真实的纹理创作了.自从开始对纹理的研究,我渐渐养成了一个很奇怪的习惯,我常常会一个人蹲在发锈的下水管,破旧的家具前发呆,脑子里浮现的念头只有一个.....怎么用photoshop来模拟呢? 哈哈,是不是太过于疯狂了?废话少说,我们今天来研究金属纹理.其实今天要说的方法也不是我发明的,相信很多设计同行也知道该怎么做,考虑到这份杂志已经突破了5万份的发行量,为了那些还刚刚入门的朋友,我们不妨从比较简单的

最基本的几种 CSS 文字滤镜效果

css|滤镜     闲来无事,整理一些CSS文字效果,给初学者.下面做个例子吧,这都是最基本滤镜的应用,其实两种或几种不同滤镜的组合会获得意想不到的效果,遇到问题自己多动手试试就OK了,当然要特别注意颜色的搭配,有时候用色不好是看不出效果的,配合背景图片的应用也会有很好的效果的.因为太懒,所以没有写注释也没有写什么语法格式,自己看看吧! 嘿嘿.(看不明白别骂我呀)      1.效果图: 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 一路阳光 SUNNY SU

PS模糊滤镜怎么使用

  在PS内置的滤镜中,最经常被使用到的滤镜就是:模糊(英文名:Blur)这一款滤镜了,打开PS模糊滤镜的下拉菜单,我们会发现非常多种类的模糊效果,比如:动态模糊.高斯模糊还有特殊模糊等等,这一些模糊滤镜都有什么不同呢?我们通过几个真实的案例来进行对比吧! Blur(模糊)滤镜主要是使选区或图像柔和,淡化图像中不同色彩的边界,以达到掩盖图像的缺陷或创造出特殊效果的作用. 1.MotionBlur(动感模糊滤镜) 作用:对图像沿着指定的方向(-360度至+360度),以指定的强度(1至999)进行

格灵深瞳出手,灵异视频告破

案例回放 一个宁谧的夜晚,空荡荡的十字路口 一辆白色的小轿车,配角一号出场,左转通过路口 接下来,一辆深色的小轿车,配角二号,右转通过路口 注意,蹬着一辆三轮车的男主角从左边出场了,而图像上方显示着明亮的车灯,预示着危险的到来 三轮车继续驶向马路中心,而从图像上方快速驶来的大卡车此时也向路中心疾驰而来.注意,图像的右侧这时闪出一片灵异的亮影,仿佛有什么东西快速地向马路中心冲过来 三轮车和大卡车眼看就要撞在一起了!就在这千钧一发的时刻,英雄终于现身了!上一帧里化作一团光影的神秘物体终于在汽车的灯光

美化你空间的文字:20种CSS字体镜像特效

在网上看到一些文字镜像特效,忽然觉得自己空间的文字过于单调,我倒不急于优化,先整理一些CSS文字镜像特效,因为原来的没有CSS代码,为了方便大家用到自己的空间主页,我将其CSS代码整理出来.现在大家就可以将其添加到自己的CSS中美化空间了. 效果如下: 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 芳20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CSS字体镜像特效 20种CS