进过一番预研，找到了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阅读
背景我又双叒叕来摸鱼啦！！今天又双叒叕是做需求，发现产品给了一个缩略图排列起来的列表（虽然列表里只给了一个排列项，其他需要脑补）然鹅我发现！想象总是美好的，然而现实是非常骨感的！什么是毛玻璃效果？毛玻璃效果（Glassmorphism）是目前非常流行的设计新趋势，你可以在 Dribbble 等网站上看到毛玻璃效果，甚至像 Apple 和 Microsoft 这样的大公司也在使用它。基本上，它的主要
转载
2023-10-17 12:58:56
348阅读
# Android 实现毛玻璃效果
在移动应用开发中，毛玻璃效果作为一种视觉效果，常用于增强 UI 界面的美观性和层次感。在 Android 中，利用 RenderScript 或者 BlurMaskFilter 等技术都可以实现此效果。本文将介绍如何使用这些技术在 Android 应用中实现毛玻璃效果，并提供相应代码示例。
## 什么是毛玻璃效果？
毛玻璃效果，又称模糊效果，是一种通过将图
刚刚做技术调研,可以给一些优缺点的对比.目前主流实现毛玻璃效果(高斯模糊)分大致三种方法:一 利用RenderScript接口利用现有Android结构,通过RenderScript调用底层接口实现高斯模糊计算.// Remix Blurprivate void blur(Bitmap bkg, View view) {
…
RenderScript rs = RenderScript.creat
转载
2023-08-29 12:38:59
443阅读
摘要：
毛玻璃实现方法。代码说明： 我自己做了一个Android的输入法去参加学校的比赛，然后我做到最后，尝试美化UI，美化UI的过程中，我想起IOS上的高斯模糊的效果（也就是毛玻璃效果），所以我决定对安卓系统也进行尝试。 我在网上查找了很多方法，起初的打算是先把输入法的界面设置为透明，然后用view.getDrawingCache();方法来获取输入法界面的截图，然后获得bitmap之后，对bi
转载
2024-05-14 12:29:48
85阅读
实现毛玻璃效果 使用CSS实现毛玻璃效果，使用CSS滤镜filter中的blur属性实现。 实现 首先定义一个填充满整个屏幕的背景。 <style type="text/css"> body{ width: 100vw; height: 100vh; margin: 0; background-im
原创
2022-05-27 23:59:22
286阅读
毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了，少不了filter blur。最终效果（chrome）：天气预报嗯，也算是将就了。。。 <!DOCTYPE html>
转载
2024-03-05 12:57:27
320阅读
上周跟大家分享了新拟物的UI设计及相关的代码网站，这周让我们来聊一下玻璃拟物化——毛玻璃效果。相信大家最近在dribbble或者behance上浏览都看到国外设计师都在有意识地使用玻璃质感的设计，应用在图标、网页、UI界面、APP的名片、作品集封面上等等。一、什么是毛玻璃那么毛玻璃质感(Glassmorphism)的效果具体使用的场景是怎么样的呢？主要有以下三个方面：图标、Web网页、UI界面等视
转载
2023-09-06 19:02:25
491阅读
# Android 毛玻璃效果实现
毛玻璃效果（Blur Effect）是一种视觉效果，通常用于界面设计中，给用户一种柔和、模糊的视觉体验，在Android 应用程序中，毛玻璃效果可以提升界面的层次感和美观度。本文将介绍如何在Android中实现毛玻璃效果，并提供代码示例。
## 毛玻璃效果的实现
在Android中，毛玻璃效果通常通过使用 `RenderScript` 或 `View` 的
一提起PowerShell，命令提示符等等，想到的就是丑、难用，非常丑：各位可以先感受一下。不过，现在我们可以对它做一个美化，美化后的效果如下，各位也可以感受下（本人不提供背景图） 下面做简单记录 1、必备软件需要两个软件：1.1 PowerShell7虽然电脑自带PowerShell，但是太旧了，微软已经将PowerShell作为一个开源项目了，最新的PowerS
在本教程中，我将向您展示如何在CSS中创建磨砂玻璃效果。 您将在MacOS和iOS等UI中，甚至在当今的Windows中，都已经看到了这种效果，因此这绝对是一种趋势。 我们可以使用CSS在网站上模拟毛玻璃，在本教程中，我将向您展示两种实现方法。 CSS中的毛玻璃效果方法一 第一种方法具有相当广泛的浏览器支持，但是比我们将要讨论的第二种方法需要更多CSS。 首先创建一个带有.container类
转载
2024-05-15 05:46:40
558阅读
最近在整理导航栏的渐隐渐现效果，整理过程中偶然学会了图片的毛玻璃效果实现，很简单，不多说了，先上图看看效果对比，这是原图，这是加了效果后的，创建图片的代码就不上了，下面看下添加效果的代码：// 毛玻璃/*系统自带的三种风格UIBlurEffectStyleExtraLight,//额外亮度，（高亮风格）
UIBlurEffectStyleLight,//亮风格
UIBl
转载
2023-06-06 11:24:01
204阅读
在iOS设备上我们随处可见毛玻璃效果，而且最近越来越多的场合应用到了这种美观的虚化效果，包括本人的一个开源项目BlureImageView也是受此启发。所以，恰到好处的虚化效果能很好的改善用户体验，而且也能让你的app显得更加优雅。 不过，我们目前在android上很少见到毛玻璃效果，我认为很重要的原因是性能问题，虚化一张图片所需要的时间会因设备而异，如果为了虚化使得用户需要刻意等待，那么就是弊
转载
2023-07-28 11:49:07
331阅读
其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明度，并添加模糊滤镜：.content {
background-color: rgba(0,0,0,0.3);
-webkit-filter: blur(2px);
-moz-filter: blur(2
转载
2023-11-01 21:04:47
236阅读
在我年轻时做过的开发中，毛玻璃应用得最广是在复杂的背景图上。如果你希望在一个复杂的背景上添加文字，文字能清晰展示，并尽可能的保留原背景的话，使用毛玻璃的效果去处理是非常合适的。本文主要讲解背景毛玻璃效果，也会讲讲文字如何做出模糊效果。如果你懒得写代码，也可以使用 《这18个网站能让你的页面背景炫酷起来》 里面提到的 Glass Morphism 网站直接生成毛玻璃效果。背景图毛玻璃在 PhotoS
转载
2024-02-28 16:55:09
456阅读
毛玻璃效果 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阅读
# Python实现毛玻璃效果
毛玻璃效果是一种常见的图像处理效果，通过模糊图像的像素来达到一种柔和的视觉效果。在本文中，我们将介绍如何使用Python实现毛玻璃效果，并提供代码示例供参考。
## 什么是毛玻璃效果？
毛玻璃效果是一种图像处理技术，通过在图像上添加模糊效果来实现。这种效果可以使图像看起来更加柔和和模糊，常用于美化照片或者增强视觉效果。
## Python实现毛玻璃效果
在
原创
2024-07-10 05:46:44
144阅读
# 使用Java实现毛玻璃效果的详细指南
## 引言
毛玻璃效果（Frosted Glass Effect）是一种流行的视觉效果，常见于现代UI设计中。它通过模糊背景内容，使得前景元素更加突出。本篇文章将通过步骤指导以及代码示例来教会你如何在Java中实现这个效果。无论你是开发小白还是对UI设计有兴趣的开发者，这篇文章都将为你提供清晰的指导。
## 任务流程
下面是实现毛玻璃效果的步骤概述
1、思路 首先介绍一下css里的filter(滤镜)属性，filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。 就是这个属性来形成我们的毛玻璃，简单来说就是一个div形成页面的大图，div里面的再嵌一个div来放文案或者表单等内容，再用伪类设置filter属性形成毛玻璃 ...
转载
2021-10-21 18:08:00
402阅读
2评论
链接：http://www.cnblogs.com/ghost-xyx/p/5677168.html先上 demo 和 源码其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果，首先想到的是给其设置一个透明
转载
2017-02-18 15:53:56
1084阅读
