进过一番预研，找到了3中实现方案，其中各有优缺点：1、如果系统的api在16以上，可以使用系统提供的方法直接处理图片 if (VERSION.SDK_INT > 16) {
Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true);
final RenderScrip
转载
2023-06-06 10:52:01
121阅读
# iOS 毛玻璃效果科普
在移动应用设计中，界面美观与用户体验密切相关。越来越多的应用程序采用了“毛玻璃效果”，这不仅可以提升视觉效果，还能营造出一种柔和的氛围。在iOS平台上，毛玻璃效果通常是通过模糊视图（`UIVisualEffectView`）实现的。本文将介绍iOS毛玻璃效果的实现方法，并提供相应的代码示例。
## 什么是毛玻璃效果？
毛玻璃效果是一种视觉效果，它通过对图像进行模糊
## 实现iOS毛玻璃效果
### 1. 整体流程
下面是实现iOS毛玻璃效果的整体流程，可以用表格展示步骤：
| 步骤 | 描述 |
| ---- | ----- |
| 1 | 创建一个视图，用于显示需要应用毛玻璃效果的内容 |
| 2 | 创建一个模糊效果视图 |
| 3 | 将需要应用毛玻璃效果的内容添加到模糊效果视图中 |
| 4 | 将模糊效果视图添加到原始视图中 |
###
原创
2023-07-31 16:53:52
509阅读
最近在整理导航栏的渐隐渐现效果，整理过程中偶然学会了图片的毛玻璃效果实现，很简单，不多说了，先上图看看效果对比，这是原图，这是加了效果后的，创建图片的代码就不上了，下面看下添加效果的代码：// 毛玻璃/*系统自带的三种风格UIBlurEffectStyleExtraLight,//额外亮度，（高亮风格）
UIBlurEffectStyleLight,//亮风格
UIBl
转载
2023-06-06 11:24:01
204阅读
# 如何在 iOS 中实现毛玻璃效果
毛玻璃效果是现代应用用户界面中的一种流行视觉效果，可以为你的应用增添一层精致的美感。在本篇文章中，我们将详细介绍如何在 iOS 的 Swift 中实现这一效果。通过几个简单的步骤，你将会学到如何使用 `UIVisualEffectView` 创建毛玻璃效果。
## 流程概述
以下是实现毛玻璃效果的步骤：
| 步骤 | 描述 |
|------|----
App设计时往往会用到一些模糊效果或者毛玻璃效果,iOS目前已提供一些模糊API可以让我们方便是使用。 话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面;
但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人封装的框架来实现,后面我也会讲到一个; 其实在iOS7.0(包括)之前还是有系统
# iOS 添加毛玻璃效果
毛玻璃效果（Blur Effect）是现代用户界面设计中常用的一种效果，它能够有效地增强界面的层次感以及美观度。在iOS中，我们可以通过简单的代码实现毛玻璃效果。这篇文章将为您详细介绍在iOS中如何添加毛玻璃效果，包括代码示例和一些实用技巧。
## 毛玻璃效果的应用
毛玻璃效果通常用于在背景上模糊视图的内容，比如在模态视图、导航栏、底部标签等场景下。它能给用户一种
前一段时间项目中用到毛玻璃效果，那时对UIBlurEffect类和 UIVisualEffectView这两个类做了一部分了解。但当时并没有去特别的深入研究，直到项目做完后，才静下心来好好研究了一番。记录一下。UIVibrancyEffect类 和 其实细看下来，Apple对这种特效封装的很好，所以我们使用起来的并不需要什么步骤。不得不佩服Apple的强大啊。 1、关于U
转载
2023-10-01 16:26:18
275阅读
毛玻璃效果 UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"angry_00.jpg"]]; imageView.frame = CGRectMake(0, 0, self.view.frame.size.width, 200); [self.view addSu
原创
2023-03-02 00:00:39
143阅读
链接：http://www.cnblogs.com/ghost-xyx/p/5677168.html先上 demo 和 源码其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明
转载
2017-02-18 15:53:56
1084阅读
话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面;但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人封装的框架来实现,后面我也会讲到一个;其实在iOS7.0(包括)之前还是有系统的类可以实现毛玻璃效果的, 就是 UIToolbar这个类,并且使用相当简单,几行代码就可以搞定.下面是代码实现:
转载
2023-07-21 17:29:04
180阅读
在iOS开发中，设置毛玻璃效果是一种常见需求，给应用增加了现代感和层次感。接下来，我将记录一下我在解决“iOS开发设置毛玻璃效果”这一问题中的探索与经验。
## 背景定位
在iOS应用中，毛玻璃效果通常用于增强视图之间的层次感，特别是在复杂的界面设计中。它能通过模糊背景来突出前景内容，从而提升用户体验。
以下是对问题严重性的评估，我将用一个四象限图来展示：
```mermaid
quadr
毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了，少不了filter blur。最终效果（chrome）：天气预报嗯，也算是将就了。。。 <!DOCTYPE html>
转载
2024-03-05 12:57:27
320阅读
今天我们一起来看一下，如何通过 ToolBar 模拟出图片的毛玻璃效果。首先我们新建一个工程，工程模板切换到 iOS ，选择 Single View Application ，如下图所示：点击 Next ，命名任意，Language 选择 Objective-C，如下图所示：输入完工程名之后，继续点击 Next ，选择一个在你 Mac 上用于存储工程文件的目录完成即可，工程建立好之后开始我们今天的
转载
2023-09-26 14:23:56
338阅读
刚刚做技术调研,可以给一些优缺点的对比.目前主流实现毛玻璃效果(高斯模糊)分大致三种方法:一 利用RenderScript接口利用现有Android结构,通过RenderScript调用底层接口实现高斯模糊计算.// Remix Blurprivate void blur(Bitmap bkg, View view) {
…
RenderScript rs = RenderScript.creat
转载
2023-08-29 12:38:59
443阅读
上周跟大家分享了新拟物的UI设计及相关的代码网站，这周让我们来聊一下玻璃拟物化——毛玻璃效果。相信大家最近在dribbble或者behance上浏览都看到国外设计师都在有意识地使用玻璃质感的设计，应用在图标、网页、UI界面、APP的名片、作品集封面上等等。一、什么是毛玻璃那么毛玻璃质感(Glassmorphism)的效果具体使用的场景是怎么样的呢？主要有以下三个方面：图标、Web网页、UI界面等视
转载
2023-09-06 19:02:25
489阅读
// 1.创建UIImageView对象 UIImageView *imageView = [[UIImageView alloc] init]; // 2. 设置尺寸 // imageView.frame = CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height); ...
转载
2016-11-07 18:44:00
258阅读
2评论
在iOS设备上我们随处可见毛玻璃效果，而且最近越来越多的场合应用到了这种美观的虚化效果，包括本人的一个开源项目BlureImageView也是受此启发。所以，恰到好处的虚化效果能很好的改善用户体验，而且也能让你的app显得更加优雅。 不过，我们目前在android上很少见到毛玻璃效果，我认为很重要的原因是性能问题，虚化一张图片所需要的时间会因设备而异，如果为了虚化使得用户需要刻意等待，那么就是弊
转载
2023-07-28 11:49:07
331阅读
Android 弹窗毛玻璃背景实践需求: 点击FloatingActionButton弹出弹层，弹层底部有多个图标可选，每一个图标都是一个功能入口，背景采用毛玻璃模糊效果。记录一下这个需求的思考和实现过程。查找Android原生API做法在Android API里面，有个FLAG_BLUR_BEHIND用于模糊背景的FLAG，尝试一下使用它来做Dialog的背景模糊。 代码如下:final Di
转载
2023-08-24 00:17:15
170阅读
Shader "Hsj/GroundGlass" { Properties{ _blurSizeXY("BlurSizeXY", Range(0,10)) = 2 } SubShader{ // Draw ourselves after all opaque geometry Tags{ "Queue" = "Transparent"
原创
2022-09-29 14:07:40
991阅读
