UIView - 毛玻璃效果

最新推荐文章于 2025-09-06 09:16:51 发布
原创 最新推荐文章于 2025-09-06 09:16:51 发布 · 1.6k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#背景模糊 #高丝模糊 #毛玻璃

本文介绍如何使用iOS 8提供的API实现毛玻璃效果。通过创建并配置UIVisualEffectView，可以轻松为应用界面添加高丝模糊背景。

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

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 4266
自iOS7以来,苹果抛弃了拟物化的设计风格,转而大胆地采用扁平化风格,并且加入了人们日常喜爱的元素,其中让人眼前一亮的就是毛玻璃风格。于是包括小米、三星等在内的各大手机厂商开始跟风。
UI妹子说我用CSS实现毛玻璃效果的样子很帅
weixin_43964148的博客
03-07 1459
前言 UI小姐姐问我，能不能做出透明加模糊的背景，而我当然是二话不说就说可以。因为我觉得没有什么是css实现不了的。更何况我要在她面前展现得我很厉害的样子。 开发起来 果不其然，在我打开蓝湖后，发现属性都给我提供好了 于是我立即将这份代码ctr c，然后ctr v，一番丰功伟绩立马就完成了，效果也是杠杠滴。 然后兴高采烈地交付给UI小姐姐查看了。小姐姐也说可以。 出于职业素养，我马上拿起我在pdd上9.9买的iphone13手机（当时也就邀请了我老家整个镇子的人来帮我砍一刀吧）查看效果，哇塞真机效
ios-LCBlur - 一句搞定毛玻璃效果 UIView UIWindow UIImageView 等.zip
07-11
支持 CocoaPods！ pod 'LCBlur' GitHub：https://github.com/iTofu/LCBlur 请在 GitHub 上查阅，以保证版本最新！ 有问题请移步 GitHub！这里提问我收不到！ （之前发过一次，效果没讲清楚，貌似不能编辑，重新发下哈！）
Unity毛玻璃模糊Shader实战实现
最新发布
weixin_42608318的博客
09-06 1106
Unity 是当前主流的跨平台游戏开发引擎之一，以其强大的图形渲染能力、灵活的编辑器和广泛的平台支持而闻名。其核心架构包括资源管理、物理系统、音频系统、动画系统以及最重要的图形渲染管线。在 Unity 的渲染流程中，Shader（着色器）扮演着至关重要的角色。Shader 是运行在 GPU 上的小型程序，负责计算每个像素的颜色输出，是实现复杂视觉效果的基础。
ios 毛玻璃效果
anshansui2885的博客
02-19 155
导入Accelerate.framework。 #import <UIKit/UIKit.h> @interface UIImage (ImageEffects) - (UIImage *)applyLightEffect; - (UIImage *)applyExtraLightEffect; - (UIImage *)applyD...
UI05_ 制造一个毛玻璃效果
gao_zi的博客
08-12 902
首先,先创建一个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 5930
最近公司忙，没来得及写博客，补发一篇小技巧，提供各位看看      // 定义毛玻璃效果     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 swift5 oc 高斯模糊 毛玻璃效果
baidu_40537062的博客
01-05 2962
DispatchQueue.global().async {[weak self] in let size = CGSize.init(width: MKScreenU.width, height: (self?.headerImageViewDefaultHeight)!) guard let image = img else { return } let sc.
Swift 之模糊效果（毛玻璃效果，虚化效果）的实现
aoiz62081的博客
11-29 1489
前言： 之前项目中有用到过Objective-C的的模糊效果，感觉很是不错，而且iOS8之后官方SDK也直接提供了可以实现毛玻璃效果的三个类：UIBlurEffect、UIVibrancyEffect和UIVisualEffectView。通过这三个类可以很容易的去实现毛玻璃效果。 最近在熟悉Swift，所以今天说的是使用Swift去实现这种效果。 前提： 我们去实现的模糊效...
毛玻璃蒙版.unitypackage
07-08
Unity UGUI 毛玻璃蒙版遮罩 不支持urp
iOS8 毛玻璃效果-UIView毛玻璃模糊效果的简单使用
Jack's blog
08-05 3322
这几天公司没事我也不忙，就简单的对毛玻璃做个简单介绍和使用。 //第一步定义毛玻璃效果     UIBlurEffect * blur = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];     UIVisualEffectView * effe = [[UIVisualEffectView alloc]initWi
用UIToolBar实现简单毛玻璃效果
weixin_34177064的博客
03-13 189
用UIToolBar实现简单毛玻璃效果 字数268阅读1051评论17喜欢22 UIToolBar自带毛玻璃效果，实现起来非常简单。 在View Controller中拖入一个UIImageView，并设置好图片。 接着我们准备在这个imageView上面加入一个UIToolBar，让这个toolBar变为这个imageView的子控件。 但是这个操作是不能在Storybo...
【使用UIVisualEffectView实现毛玻璃效果】
a275894688的博客
02-23 283
在iOS 8后，苹果开放了不少创建特效的接口，其中就包括创建毛玻璃(blur)的接口。 通常要想创建一个特殊效果(如blur效果)，可以创建一个UIVisualEffectView视图对象，这个对象提供了一种简单的方式来实现复杂的视觉效果。这个可以把这个对象看作是效果的一个容器，实际的效果会影响到该视图对象底下的内容，或者是添加到该视图对象的contentView中的内容。 ...
UIVisualEffectView 毛玻璃效果的应用
程序猿中的梅西
08-15 594
一个UIVisualEffectView对象为您提供了一种简单的方法实现一些复杂的视觉效果。这取决于您所期望的效果，这个效果可能影响视图后边的内容分层或内容加到毛玻璃视图的内容视图上。
如何制作毛玻璃效果？
a158559681的博客
04-13 1335
在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 3274
毛玻璃风格（Frosted Glass Style）是一种在UI设计中常见的视觉效果，它模仿了毛玻璃材质的模糊和半透明特性。毛玻璃风格常用于背景、面板或弹出窗口等元素上，为界面增加一种现代、时尚和轻盈的感觉。毛玻璃风格在UI设计中常用于各种应用和平台，如移动应用、网页设计和桌面应用等。它可以为界面带来一种现代、时尚和简洁的外观，同时也能够提升用户体验和视觉吸引力。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值