iOS - 毛玻璃效果 iOS8之后苹果提供了制作毛玻璃效果的API 就是这个UIVisualEffectView,用这个initWithEffect:去初始化,然后呢,他有两种效果继承自UIVisualEffect。这个父类不用管,什么也不做,主要看他的两个子类UIBlurEffect和UIVib ...
分类:
移动开发 时间:
2017-03-13 20:14:34
阅读次数:
232
.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: ...
分类:
Web程序 时间:
2017-02-17 10:14:55
阅读次数:
200
方式一:UIToolBar实现毛玻璃特效 在iOS7.0(包括)之前还是有系统的类可以实现毛玻璃效果的, 就是 UIToolbar这个类,并且使用相当简单,几行代码就可以搞定. 方式二:UIBlurEffect实现毛玻璃特效 在iOS8.0之后,苹果新增了一个类UIVisualEffectView, ...
分类:
移动开发 时间:
2016-11-06 19:57:52
阅读次数:
343
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