制作毛玻璃效果

//添加一个图片

UIImageView *imageview = [[UIImageView alloc]init];

imageview.frame = CGRectMake(10, 100, 300, 300);

imageview.contentMode = UIViewContentModeScaleAspectFit;

imageview.userInteractionEnabled = YES;

imageview.image = [UIImage imageNamed:@"3.jpg"];

[self.view addSubview:imageview];

//模糊效果代码

UIBlurEffect *errect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleExtraLight];

UIVisualEffectView *ectView = [[UIVisualEffectView alloc]initWithEffect:errect];

ectView.alpha = 0.6;

ectView.frame = CGRectMake(0, 0, imageview.frame.size.width/2, 300);

[imageview addSubview:ectView];

UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];

btn.frame =CGRectMake(10,50, 100, 40);

[btn setTitle:@"btn"forState:UIControlStateNormal];

[ectView.contentView addSubview:btn];

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-12 16:31:47

制作毛玻璃效果的相关文章

iOS - 毛玻璃效果

iOS - 毛玻璃效果 iOS8之后苹果提供了制作毛玻璃效果的API 就是这个UIVisualEffectView,用这个initWithEffect:去初始化,然后呢,他有两种效果继承自UIVisualEffect.这个父类不用管,什么也不做,主要看他的两个子类UIBlurEffect和UIVibrancyEffect. UIBlurEffect : 这个是影响毛玻璃后面视图的 效果图: UIVibrancyEffect : 这个是影响毛玻璃上的视图的 是不是很漂亮,做起来也不难呢. 先说毛玻

使用CSS3制作导航条和毛玻璃效果

导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些.简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理.这种效果对用户来说是十分具有视觉冲击力的. 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果. 导航条是梯形形状的. 背景区域的毛玻璃效果. 把导航条和毛玻璃效果在一篇文章中分享其实是有原因的.因为这两个效果的实现离不开一个重要的思想. 用语言来描述就是:父元素设置position:relative,其伪元素(after或者before)设置

PS 如何制作Vista的毛玻璃效果

1 对一个图像的任意一部分新建一个选区 2 对选中区域进行高斯模糊,大小为5像素 3 再次新建一个图层,填充为深蓝色(#E9E7E3),填充为10%-15%.高斯模糊0.5像素. 4 再对刚才的图层进行设置 5 添加描边效果 6 你也可以使用圆角矩形工具绘制圆滑的边界 7 改变填充的前景色就相当于WIN7系统的Aero效果的调节. 8 当然,改为白色就是我们最熟悉的Vista的毛玻璃效果.

移动端UI设计越来越流行的高斯模糊(Gaussian blur)和毛玻璃效果(磨砂效果),如何使用Android RenderScript简单实现?

高斯模糊(Gaussian blur)和毛玻璃效果(亦称磨砂效果),近两年在移动端的UI设计上越来越流行,特别是iOS手机上出现的较多,iOS系统也提供了相应的API帮助开发人员分分钟实现这两个效果.而Android系统则经历了一个漫长的探索过程,对图片的处理,从Java算法到NDK方式实现等,各种摸索层出不穷. 值得欣慰的是,Google终于在API 11中引入了 RenderScript ,一个强大的图片处理框架,帮助Android开发人员专注于图片处理算法而不是API的调度工作.使用Ren

Android高斯模糊技术,实现毛玻璃效果(转)

本博客转自郭霖公众号:http://mp.weixin.qq.com/s?__biz=MzA5MzI3NjE2MA==&mid=2650235930&idx=1&sn=e328709c41ae208a9e41ef79d38cbeed&scene=24&srcid=09104fpQDG98JcRcUB9Ec7BN#wechat_redirect http://blog.csdn.net/grp0916/article/details/50494712 Android高

用swing实现了io7的毛玻璃效果

话不多说,上图 我new 了一些按钮,每个按钮的位置和背景颜色是随机的,其中有一些按钮的背景色每隔一秒变一次,拖动顶层panel,panel下的所有控件都将会模糊,而且是实时和动态的,比如下图,按钮为选择状态 panel背后的有些按钮在实时的变色,同样可以及时的模糊,模糊效果在很多应用上可以使用,模糊的背景能减弱视觉疲劳,还可以吸引用户的注意力. 源码地址:http://download.csdn.net/detail/lw421058391/7731725 用swing实现了io7的毛玻璃效果

CSS遮罩效果和毛玻璃效果

前面的话 本文将详细介绍CSS遮罩效果和毛玻璃效果 遮罩效果 普通遮罩 一般地,处理全屏遮罩的方法是使用额外标签 <style>.overlay{ position:fixed; top: 0;right: 0;left: 0;bottom: 0; background:rgba(0,0,0,0.8); } .lightbox{ position:absolute; top: 0;right: 0;left: 0;bottom: 0; margin:auto; z-index:1; width

用css使图片产生毛玻璃效果

毛玻璃的图片效果,使得其显示更加唯美,用户体验更佳,所以在手机端电脑端应用甚广 比如ios系统: 所以现在我们就来看看毛玻璃效果的实现方法吧: 首先这是html的主要内容: <div class="container"> <div class="mat_class"></div> <p class="word">SHOW TIME</p> </div> 这里container

毛玻璃效果简单实现

项目中需要运用到毛玻璃的效果.经过搜索查阅,踩了一些坑,找到了一条暂时可行的办法. 其中,核心的控件是使用RenderScript这个类,这个类属于jni类,在较低版本的Android系统中,是不具备它的相关方法的.所以我们只能使用support.v8里面的类.然而,support.v8并没有默认地放在新建工程中,因此我们需要自己去添加. 第一步:将D:\AndroidSdk\build-tools\23.0.1\renderscript\lib\packaged 目录下的armeabi-v7a