UIView - 毛玻璃效果

最新推荐文章于 2025-02-12 10:02:22 发布
最新推荐文章于 2025-02-12 10:02:22 发布
阅读量1.5k 收藏
点赞数 4
CC 4.0 BY-SA版权
分类专栏： iOS UIView 文章标签： 背景模糊 高丝模糊 毛玻璃
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/CatStarXcode/article/details/69525315
本文介绍如何使用iOS 8提供的API实现毛玻璃效果。通过创建并配置UIVisualEffectView，可以轻松为应用界面添加高丝模糊背景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在项目中会遇到被产品要求增加高丝模糊效果

IOS8之后提供毛玻璃效果

UIVisualEffectView *visualEfView = [[UIVisualEffectView alloc] initWithEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleDark]];
visualEfView.frame = CGRectMake(0, 0, SCREEN_WIDTH, 70);
visualEfView.alpha = 0.99;
[self addSubview:visualEfView];


【不求甚解之UI篇】毛玻璃效果
l497190837的专栏
05-05 4153
自iOS7以来,苹果抛弃了拟物化的设计风格,转而大胆地采用扁平化风格,并且加入了人们日常喜爱的元素,其中让人眼前一亮的就是毛玻璃风格。于是包括小米、三星等在内的各大手机厂商开始跟风。
UI妹子说我用CSS实现毛玻璃效果的样子很帅
weixin_43964148的博客
03-07 1424
前言 UI小姐姐问我，能不能做出透明加模糊的背景，而我当然是二话不说就说可以。因为我觉得没有什么是css实现不了的。更何况我要在她面前展现得我很厉害的样子。 开发起来 果不其然，在我打开蓝湖后，发现属性都给我提供好了 于是我立即将这份代码ctr c，然后ctr v，一番丰功伟绩立马就完成了，效果也是杠杠滴。 然后兴高采烈地交付给UI小姐姐查看了。小姐姐也说可以。 出于职业素养，我马上拿起我在pdd上9.9买的iphone13手机（当时也就邀请了我老家整个镇子的人来帮我砍一刀吧）查看效果，哇塞真机效
Unity UGUI图片毛玻璃效果
最新发布
zhuanzhuo的博客
02-12 314
3、在Image的Material上挂载该材质，SourceImage使用一张带像素的图片就行，至此毛玻璃就有了，将该图片盖在其他图片上实现其他图片的毛玻璃效果。4、修改材质上的Blur值，可以调整毛玻璃效果。，这里做个总结和记录，防止自己忘了。2、创建材质，挂载该shader。Shader代码来自。1、创建Shader。
ios-LCBlur - 一句搞定毛玻璃效果 UIView UIWindow UIImageView 等.zip
07-11
支持 CocoaPods！ pod 'LCBlur' GitHub：https://github.com/iTofu/LCBlur 请在 GitHub 上查阅，以保证版本最新！ 有问题请移步 GitHub！这里提问我收不到！ （之前发过一次，效果没讲清楚，貌似不能编辑，重新发下哈！）
ios 毛玻璃效果
anshansui2885的博客
02-19 147
导入Accelerate.framework。 #import <UIKit/UIKit.h> @interface UIImage (ImageEffects) - (UIImage *)applyLightEffect; - (UIImage *)applyExtraLightEffect; - (UIImage *)applyD...
UI05_ 制造一个毛玻璃效果
gao_zi的博客
08-12 883
首先,先创建一个UIImageView的对象. 注意, 本文已将ARC改为MRC.UIImageView *imageview = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"222.jpg"]]; imageview.frame = CGRectMake(0, 0, self.view.frame.size.width
iOS8毛玻璃效果-UIView模糊效果
伪随机的张三
12-23 5905
最近公司忙，没来得及写博客，补发一篇小技巧，提供各位看看      // 定义毛玻璃效果     UIBlurEffect * blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];     UIVisualEffectView * effe = [[UIVisualEffectView alloc]init
iOS中一行代码实现 UIView 镂空效果
01-20
通过这个方法，我们就可以在任何需要的地方快速地为一个UIView添加镂空效果，无论这个效果是基于任意形状、文字，甚至是带有毛玻璃效果的背景。 总之，实现UIView的镂空效果涉及到对遮罩视图的处理和理解Core ...
iOS系统方法实现毛玻璃效果（模糊化处理）
10-13
在iOS开发中，"毛玻璃效果"（也称为模糊效果或Blurred Effect）是一种流行的设计趋势，它使得应用界面看起来更加美观和现代。这种效果在iOS中的实现主要依赖于苹果提供的UIVisualEffectView和UIBlurEffect类。接下来...
iOS毛玻璃效果实现教程
### 知识点：iOS毛玻璃效果的实现方法 #### 1. 毛玻璃效果概述 毛玻璃效果（Blurred Glass Effect）是一种视觉效果，它通过模糊背景来模拟真实世界中透过磨砂玻璃观察物体的效果。在iOS开发中，这种效果可以增加...
iOS毛玻璃效果
05-22
在iOS开发中，"毛玻璃效果"（也称为"模糊效果"或"DynamicBlurView"）是一种流行的设计元素，它模仿了真实世界中玻璃的模糊透明特性，为用户界面增添了一种深度和立体感。这种效果是通过Apple的UIKit框架中的`...
Unity毛玻璃模糊效果Shader
08-03
Unity毛玻璃模糊效果Shader，直接赋值到材质球上进行使用即可。
iOS8 毛玻璃效果-UIView毛玻璃模糊效果的简单使用
Jack's blog
08-05 3291
这几天公司没事我也不忙，就简单的对毛玻璃做个简单介绍和使用。 //第一步定义毛玻璃效果     UIBlurEffect * blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];     UIVisualEffectView * effe = [[UIVisualEffectView alloc]initWi
用UIToolBar实现简单毛玻璃效果
weixin_34177064的博客
03-13 177
用UIToolBar实现简单毛玻璃效果 字数268阅读1051评论17喜欢22 UIToolBar自带毛玻璃效果，实现起来非常简单。 在View Controller中拖入一个UIImageView，并设置好图片。 接着我们准备在这个imageView上面加入一个UIToolBar，让这个toolBar变为这个imageView的子控件。 但是这个操作是不能在Storybo...
【使用UIVisualEffectView实现毛玻璃效果】
a275894688的博客
02-23 261
在iOS 8后，苹果开放了不少创建特效的接口，其中就包括创建毛玻璃(blur)的接口。 通常要想创建一个特殊效果(如blur效果)，可以创建一个UIVisualEffectView视图对象，这个对象提供了一种简单的方式来实现复杂的视觉效果。这个可以把这个对象看作是效果的一个容器，实际的效果会影响到该视图对象底下的内容，或者是添加到该视图对象的contentView中的内容。 ...
如何制作毛玻璃效果？
a158559681的博客
04-13 1241
在UI设计上，我们经常会看到有毛玻璃效果，能给人一种朦胧的美感，这里小千就来教大家如何使用PS软件实现毛玻璃效果。 操作步骤 一、打开PS，Ctrl+O打开一张自己喜欢的素材，Ctrl+J复制一层，得到背景1，并右键转化为智能对象； 二、用形状工具画出一个矩形，调整矩形圆角大小；并设置矩形的图层样式（内发光-颜色叠加-投影），数值如下： 得到以下效果： 三、将复制的底图1图层移到矩形上一层，按住Alt执行嵌入，并选择底图1执行【滤镜】-【模糊】-【高斯模糊】，参数设置及效果如下图▼ 四、选择矩
iOS8中用UIVisualEffectView实现高斯模糊视图(毛玻璃效果)
热门推荐
Secret Island
11-02 2万+
在需要模糊的UIView上，添加一个UIVisualEffectView对象即可。 效果如下图： 代码如下：     UIImageView *imageview = [[UIImageView alloc] init];     imageview.frame = CGRectMake(10, 100, 300, 3
UI风格汇：毛玻璃风格风靡的原因解读
2401_82616673的博客
02-17 2644
毛玻璃风格（Frosted Glass Style）是一种在UI设计中常见的视觉效果，它模仿了毛玻璃材质的模糊和半透明特性。毛玻璃风格常用于背景、面板或弹出窗口等元素上，为界面增加一种现代、时尚和轻盈的感觉。毛玻璃风格在UI设计中常用于各种应用和平台，如移动应用、网页设计和桌面应用等。它可以为界面带来一种现代、时尚和简洁的外观，同时也能够提升用户体验和视觉吸引力。
UI毛玻璃icon设计分享
Miaogujiguji的博客
02-11 459
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值