Atitit Gaussian Blur 高斯模糊 的原理and实现and 用途 1.1. 高斯模糊 的原理(周边像素的平均值+正态分布的权重1 1.2. 高斯模糊 的用途(磨皮,毛玻璃效果,背景虚化1 1.3. 参数radus1 1.4. 高斯模糊 的实现(第三方库)1 1.5. Java 源码1 ...
分类:
其他好文 时间:
2016-11-01 01:29:11
阅读次数:
480
导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些。简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 ...
分类:
Web程序 时间:
2016-10-10 19:58:27
阅读次数:
248
导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些。简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 ...
分类:
Web程序 时间:
2016-10-10 01:46:23
阅读次数:
196
导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些。简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 ...
分类:
Web程序 时间:
2016-10-10 01:46:01
阅读次数:
204
方法一:支持所有ios系统版本: - (void)setupBlurView { UIImageView *darkView = [[UIImageView alloc] init]; darkView.frame = self.view.bounds; UIImage *image = [UIIm ...
分类:
移动开发 时间:
2016-09-28 19:02:48
阅读次数:
166
前一段时间项目中用到毛玻璃效果,那时对UIBlurEffect类和 UIVisualEffectView这两个类做了一部分了解。但当时并没有去特别的深入研究,直到项目做完后,才静下心来好好研究了一番。记录一下。 iOS8之后,Apple新添加UIBlurEffect类、UIVibrancyEffec ...
分类:
移动开发 时间:
2016-09-23 21:15:19
阅读次数:
236
demo.gif 效果图如上,简单分析下 1.导航栏一开始是隐藏的,随着scrollView滚动而渐变 2.导航栏左右两边的navigationItem是一直显示的 3.导航栏参考了途家app,使用了毛玻璃效果,背景是一张图片 4.下拉放大图片效果 5.title文字动画效果 1.导航栏一开始是隐藏 ...
分类:
其他好文 时间:
2016-09-21 01:30:14
阅读次数:
217
tip 1 : 给UIImage添加毛玻璃效果 func blurImage(value:NSNumber) -> UIImage { let context = CIContext(options:[KCIContextUseSoftwareRenderer:true]) let ciImage ...
分类:
移动开发 时间:
2016-09-19 11:25:08
阅读次数:
364
一:常用的是UIVisualEffectView, 是在iOS 8 增加的,让我们可以很方便的做出模糊(毛玻璃)效果。 UIVisualEffectView是一个view,就是对这个view对模糊设置后,把这个view 盖在自己的图片上, UIVisualEffectView 包含两种特效,一种叫 ...
分类:
其他好文 时间:
2016-09-16 21:00:39
阅读次数:
170
先罗列一下工具类中提供的方法: 说明: 1.获取毛玻璃效果(高斯模糊)图像 在iOS8以后,提供了类UIBlurEffect、UIVisualEffectView,可以方便的生成高斯模糊的视图,然后只需要作为目标视图的subview即可看到效果。在iOS7上需要自行实现,不过苹果在WWDC 2013 ...
分类:
移动开发 时间:
2016-09-13 20:41:57
阅读次数:
262