Android 弹窗毛玻璃背景实践需求: 点击FloatingActionButton弹出弹层，弹层底部有多个图标可选，每一个图标都是一个功能入口，背景采用毛玻璃模糊效果。记录一下这个需求的思考和实现过程。查找Android原生API做法在Android API里面，有个FLAG_BLUR_BEHIND用于模糊背景的FLAG，尝试一下使用它来做Dialog的背景模糊。 代码如下:final Di
转载
2023-08-24 00:17:15
125阅读
# 实现iOS毛玻璃效果的步骤
## 1. 创建一个毛玻璃视图
- 步骤：在需要添加毛玻璃效果的地方创建一个`UIVisualEffectView`对象
- 代码：
```swift
let blurEffect = UIBlurEffect(style: .light)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
bl
进过一番预研，找到了3中实现方案，其中各有优缺点：1、如果系统的api在16以上，可以使用系统提供的方法直接处理图片 if (VERSION.SDK_INT > 16) {
Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true);
final RenderScrip
转载
2023-06-06 10:52:01
105阅读
今年三月份小果曾经给大家分享过 iPhone 隐藏 Dock 栏的方法，只需要一张特定的壁纸，就能让 iPhone 的 Dock 栏毛玻璃效果自动消失。 不过，当时的方法只支持 iOS 12.0-12.2 系统，有一定的局限性，现在 iOS 13 系统已经发布了，隐藏 Dock 栏的壁纸也已经更新，今天小果就给大家分享最新的隐藏 Dock 栏新方法。可能有一些新用户还不太清楚 iPho
## 实现iOS毛玻璃效果
### 1. 整体流程
下面是实现iOS毛玻璃效果的整体流程，可以用表格展示步骤：
| 步骤 | 描述 |
| ---- | ----- |
| 1 | 创建一个视图，用于显示需要应用毛玻璃效果的内容 |
| 2 | 创建一个模糊效果视图 |
| 3 | 将需要应用毛玻璃效果的内容添加到模糊效果视图中 |
| 4 | 将模糊效果视图添加到原始视图中 |
###
原创
2023-07-31 16:53:52
322阅读
今年年初新拟物化(Neumorphism)风格最初在社交媒体上风靡，很大程度上，来源于资深设计师 Michal Malewicz 的文章《Neumorphism in user interfaces》，这篇文章透过 Medium 平台，开始在各个设计师社区当中发酵，随后被不少平台预测为 2020 年会逐渐流行的一种视觉设计风格。 事实上，也确实有很多产品和 UI 界面跟进
App设计时往往会用到一些模糊效果或者毛玻璃效果,iOS目前已提供一些模糊API可以让我们方便是使用。 话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面; 但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人封装的框架来实现,后面我也会讲到一个; 其实在iOS7.0(包括)之前还是有系统的类可以实现
转载
2023-07-20 09:00:16
112阅读
桌面杂乱不但影响工作效率，还会影响工作心情。在年初腾讯电脑管家发布12.0后正式推出了桌面整理工具，从而取代了停更近两年的小Q桌面。对于有强迫症的人来说，桌面整理正是刚需。不知道各位有没有听说过两款很神奇的软件，一款叫做WallpaperEngine，一款叫做火萤视频桌面，它们能将你喜欢的视频，设置成动态桌面壁纸，现在很火的那个steam动态壁纸就是通过该软件实现的！但事实上腾讯电脑管家的桌面整理
转载
2023-07-29 14:04:18
109阅读
今天我们一起来看一下，如何通过 ToolBar 模拟出图片的毛玻璃效果。首先我们新建一个工程，工程模板切换到 iOS ，选择 Single View Application ，如下图所示：点击 Next ，命名任意，Language 选择 Objective-C，如下图所示：输入完工程名之后，继续点击 Next ，选择一个在你 Mac 上用于存储工程文件的目录完成即可，工程建立好之后开始我们今天的
话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面;但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人封装的框架来实现,后面我也会讲到一个;其实在iOS7.0(包括)之前还是有系统的类可以实现毛玻璃效果的, 就是 UIToolbar这个类,并且使用相当简单,几行代码就可以搞定.下面是代码实现:
转载
2023-07-21 17:29:04
106阅读
前一段时间项目中用到毛玻璃效果，那时对UIBlurEffect类和 UIVisualEffectView这两个类做了一部分了解。但当时并没有去特别的深入研究，直到项目做完后，才静下心来好好研究了一番。记录一下。UIVibrancyEffect类 和 其实细看下来，Apple对这种特效封装的很好，所以我们使用起来的并不需要什么步骤。不得不佩服Apple的强大啊。 1、关于U
css实现毛玻璃效果毛玻璃效果毛玻璃效果有朦胧美，很适合在以图片为底的文字展示。用PS比较容易实现毛玻璃效果，网上也有很多教程。但是切图的方法总归有些限制，有局限性，不如直接用代码实现灵活。在百度里搜索，扑面而来的好多都是使用 filter: blur() + background-attachment 属性 方法实现，个人觉得其实 backdrop-filter 属性更方便，代码量更少，也很好理
作者：dinglin背景我又双叒叕来摸鱼啦！！今天又双叒叕是做需求，发现产品给了一个缩略图排列起来的列表（虽然列表里只给了一个排列项，其他需要脑补）然鹅我发现！想象总是美好的，然而现实是非常骨感的！什么是毛玻璃效果？毛玻璃效果（Glassmorphism）是目前非常流行的设计新趋势，你可以在 Dribbble 等网站上看到毛玻璃效果，甚至像 Apple 和 Microsoft 这样的大公司也在使用
原标题：毛玻璃的性质及功能特点在现代生活中，无论是在实用性上，还是在装饰性上，玻璃都有着很大的用途。出于实际的需要，玻璃的品种也越来越多，玻璃的工艺水平也在不断提高。毛玻璃就是一种具有很强工艺性的产品。一、毛玻璃的性质由于表面粗糙，使光线产生漫反射，透光而不透视，它可以使室内光线柔和而不刺目。它是一种用金刚石等粗糙不平整的半透明玻璃经过磨砂或者化学处理过的玻璃，它通常用于浴室门窗。二、毛玻璃的功能
毛玻璃效果实际上是对原图片的严重劣化，突出朦胧感，一般都是通过图片的缩放+模糊算法来实现，从性能角度考虑，模糊半径不能大于25，所以要更高的模糊效果则需要进行缩放。具体实现方案有以下几种。Java实现，一般都是采用Stack模糊算法
RenderScript实现Native实现OpenCV或者OpenGL实现，由于其复杂度，本文暂不讨论该方案1、Java实现Java代码实现毛玻璃效果基本上都是采用
刚刚做技术调研,可以给一些优缺点的对比.目前主流实现毛玻璃效果(高斯模糊)分大致三种方法:一 利用RenderScript接口利用现有Android结构,通过RenderScript调用底层接口实现高斯模糊计算.// Remix Blurprivate void blur(Bitmap bkg, View view) {
…
RenderScript rs = RenderScript.creat
转载
2023-08-29 12:38:59
375阅读
上周跟大家分享了新拟物的UI设计及相关的代码网站，这周让我们来聊一下玻璃拟物化——毛玻璃效果。相信大家最近在dribbble或者behance上浏览都看到国外设计师都在有意识地使用玻璃质感的设计，应用在图标、网页、UI界面、APP的名片、作品集封面上等等。一、什么是毛玻璃那么毛玻璃质感(Glassmorphism)的效果具体使用的场景是怎么样的呢？主要有以下三个方面：图标、Web网页、UI界面等视
转载
2023-09-06 19:02:25
313阅读
无论是在前端界面设计上还是海报制作上，模糊都是一种非常高级、流行的处理手法。在2013年6月7日，IOS7在开发者大会上发布，IOS7一改以往的拟物化设计，以最简单的点线面引领了设计行业的风潮 IOS7上的毛玻璃效果
毛玻璃设计风格的图标包
在PS上制作毛玻璃效果也十分简单首先使用PS打开一张喜欢的图片接着使用矩形工具画出一个毛玻璃块，选择填充颜色为白色，描边为不描边，圆弧大
转载
2023-08-03 21:46:10
421阅读
最近在整理导航栏的渐隐渐现效果，整理过程中偶然学会了图片的毛玻璃效果实现，很简单，不多说了，先上图看看效果对比，这是原图，这是加了效果后的，创建图片的代码就不上了，下面看下添加效果的代码：// 毛玻璃/*系统自带的三种风格UIBlurEffectStyleExtraLight,//额外亮度，（高亮风格）
UIBlurEffectStyleLight,//亮风格
UIBl
转载
2023-06-06 11:24:01
163阅读
用到的基础知识 一、两种模糊库 工作中要用到高斯模糊的事的图片做背景图，在android下面实现高斯模糊，有两种方法， &
