绘制玻璃效果LinZhenqun2007-10-5 前言 现代软件对于用户体验的要求越来越高，特别是对于界面，当人们不再喜欢泛味的经典风格时，渐变效果的界面出来了，这一点在Office2003可以体显出来。但现在，渐变效果似乎也不能满足审美要求了，越来越多的软件尝试用玻璃效果来呈现，Vista整个就是玻璃的界面。&n
App设计时往往会用到一些模糊效果或者毛玻璃效果,iOS目前已提供一些模糊API可以让我们方便是使用。 话说苹果在iOS7.0之后,很多系统界面都使用了毛玻璃效果,增加了界面的美观性,比如下图的通知中心界面; 但是其iOS7.0的SDK并没有提供给开发者实现毛玻璃效果的API,所以很多人都是通过一些别人封装的框架来实现,后面我也会讲到一个; 其实在iOS7.0(包括)之前还是有系统的类可以实现
转载
2023-07-20 09:00:16
144阅读
毛玻璃效果的实现App设计时往往会用到一些模糊效果或者毛玻璃效果，iOS目前已提供了一些模糊API可以让我们方便使用。苹果在iOS7.0之后，很多系统界面都使用了毛玻璃效果，增加了界面的美观性，比如下图的通知中心界面：一、UIToolbar在iOS7.0之前还是有系统的类可以实现毛玻璃效果的， 就是 UIToolbar这个类，并且使用简单，实现起来也很简洁。创建一个UIToolbar实例，设置它的
转载
2023-08-30 10:32:48
311阅读
在 Android 开发中，毛玻璃效果常常用来增加用户界面的美观程度，通过导致模糊的背景图片来突出前景内容。虽然效果看上去很简单，但实现起来却需要配置多个方面。在这篇文章中，我将带你一步步了解如何在 Android UI 开发中实现毛玻璃效果，同时包含环境准备、分步指南、配置详解、验证测试、排错指南及扩展应用等部分。
### 环境准备
在开始之前，我们需要确保我们的开发环境已经准备好，包括工具
前言UI小姐姐问我，能不能做出透明加模糊的背景，而我当然是二话不说就说可以。因为我觉得没有什么是css实现不了的。更何况我要在她面前展现得我很厉害的样子。开发起来果不其然，在我打开蓝湖后，发现属性都给我提供好了于是我立即将这份代码ctr c，然后ctr v，一番丰功伟绩立马就完成了，效果也是杠杠滴。然后兴高采烈地交付给UI小姐姐查看了。小姐姐也说可以。出于职业素养，我马上拿起我在pdd上9.9买的
转载
2024-07-05 05:38:04
253阅读
学习资料：http://www.sikiedu.com/course/37/task/459/show#本例的代码基于上一篇文章，添加透明效果。为了便于区分新增的部分，该部分使用和红色加粗字体。Shader "Custom/14-Rock Alpha" {
Properties{
_MainTex("Main Tex", 2D) = "white"{} // 纹理贴图
这是我做的icon，我现在就是要为这个icon做展示，可以看见这款icon是荧光的，也比较梦幻，我们就要以这个主题去展示这款icon。 Icon展示，主要就是把icon体现出来，把你这个icon有哪些好给展示出来。 首先新建一张合适的空白纸张，再纸张上面添加一张适合自己icon的背景，使用字体工具调整成适合展示的字体，然后在最顶层打上icon的主题名称， 并添加一个符合主题的装饰之后放上去调整好
转载
2023-11-07 11:23:47
127阅读
Unity Shader入门精要学习笔记 - 第10章 高级纹理第10章 高级纹理之前的纹理，我们了解到法线纹理、 渐变纹理和遮罩纹理等。这些纹理尽管用处不同， 但它们都属于低维（ 一维或二维） 纹理。 在本章中， 我们将学习一些更复杂的纹理。我们会学习如何使用立方体纹理(Cubemap) 实现环境映射。 然后，我们会一类特殊的纹理—渲染纹理（ Render Texture), 我们会发现渲染纹理
笔者使用的是 Unity 2018.2.0f2 + VS2017，建议读者使用与 Unity 2018 相近的版本，避免一些因为版本不一致而出现的问题。【Unity Shader】（三） ------ 光照模型原理及漫反射和高光反射的实现【Unity Shader】（四） ------ 纹理之法线纹理、单张纹理及遮罩纹理的实现【Unity Shader】（五） ------ 透明效果之半透明效果的
转载
2024-05-20 20:09:29
390阅读
桌面杂乱不但影响工作效率，还会影响工作心情。在年初腾讯电脑管家发布12.0后正式推出了桌面整理工具，从而取代了停更近两年的小Q桌面。对于有强迫症的人来说，桌面整理正是刚需。不知道各位有没有听说过两款很神奇的软件，一款叫做WallpaperEngine，一款叫做火萤视频桌面，它们能将你喜欢的视频，设置成动态桌面壁纸，现在很火的那个steam动态壁纸就是通过该软件实现的！但事实上腾讯电脑管家的桌面整理
转载
2023-07-29 14:04:18
188阅读
Android 弹窗毛玻璃背景实践需求: 点击FloatingActionButton弹出弹层，弹层底部有多个图标可选，每一个图标都是一个功能入口，背景采用毛玻璃模糊效果。记录一下这个需求的思考和实现过程。查找Android原生API做法在Android API里面，有个FLAG_BLUR_BEHIND用于模糊背景的FLAG，尝试一下使用它来做Dialog的背景模糊。 代码如下:final Di
转载
2023-08-24 00:17:15
170阅读
进过一番预研，找到了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阅读
毛玻璃效果实际上是对原图片的严重劣化，突出朦胧感，一般都是通过图片的缩放+模糊算法来实现，从性能角度考虑，模糊半径不能大于25，所以要更高的模糊效果则需要进行缩放。具体实现方案有以下几种。Java实现，一般都是采用Stack模糊算法
RenderScript实现Native实现OpenCV或者OpenGL实现，由于其复杂度，本文暂不讨论该方案1、Java实现Java代码实现毛玻璃效果基本上都是采用
转载
2023-11-01 11:12:52
203阅读
作者：dinglin背景我又双叒叕来摸鱼啦！！今天又双叒叕是做需求，发现产品给了一个缩略图排列起来的列表（虽然列表里只给了一个排列项，其他需要脑补）然鹅我发现！想象总是美好的，然而现实是非常骨感的！什么是毛玻璃效果？毛玻璃效果（Glassmorphism）是目前非常流行的设计新趋势，你可以在 Dribbble 等网站上看到毛玻璃效果，甚至像 Apple 和 Microsoft 这样的大公司也在使用
转载
2023-10-04 10:12:31
143阅读
原标题：毛玻璃的性质及功能特点在现代生活中，无论是在实用性上，还是在装饰性上，玻璃都有着很大的用途。出于实际的需要，玻璃的品种也越来越多，玻璃的工艺水平也在不断提高。毛玻璃就是一种具有很强工艺性的产品。一、毛玻璃的性质由于表面粗糙，使光线产生漫反射，透光而不透视，它可以使室内光线柔和而不刺目。它是一种用金刚石等粗糙不平整的半透明玻璃经过磨砂或者化学处理过的玻璃，它通常用于浴室门窗。二、毛玻璃的功能
转载
2023-11-16 20:14:30
153阅读
用到的基础知识 一、两种模糊库 工作中要用到高斯模糊的事的图片做背景图，在android下面实现高斯模糊，有两种方法， &
转载
2024-01-31 01:59:18
188阅读
最近在整理导航栏的渐隐渐现效果，整理过程中偶然学会了图片的毛玻璃效果实现，很简单，不多说了，先上图看看效果对比，这是原图，这是加了效果后的，创建图片的代码就不上了，下面看下添加效果的代码：// 毛玻璃/*系统自带的三种风格UIBlurEffectStyleExtraLight,//额外亮度，（高亮风格）
UIBlurEffectStyleLight,//亮风格
UIBl
转载
2023-06-06 11:24:01
204阅读
文章目录目的风格特征代码实现辅助工具总结 目的玻璃拟物化风格（Glassmorphism）是这两年有人提出来的一种风格，乍一看和以前的毛玻璃效果很像（至少再我看来是差不多啦~）。玻璃拟物化风格在以前毛玻璃的效果上再调整点细节，最终表现出一块块的磨砂玻璃悬浮在背景上，在光线的作用下产生晶莹剔透的效果。风格特征玻璃拟物化风格中元素都是一片片的悬浮在背景上的，通过设置与背景不同的远近来表现出空间纵深与
转载
2023-12-20 17:12:54
172阅读
上周跟大家分享了新拟物的UI设计及相关的代码网站，这周让我们来聊一下玻璃拟物化——毛玻璃效果。相信大家最近在dribbble或者behance上浏览都看到国外设计师都在有意识地使用玻璃质感的设计，应用在图标、网页、UI界面、APP的名片、作品集封面上等等。一、什么是毛玻璃那么毛玻璃质感(Glassmorphism)的效果具体使用的场景是怎么样的呢？主要有以下三个方面：图标、Web网页、UI界面等视
转载
2023-09-06 19:02:25
489阅读
刚刚做技术调研,可以给一些优缺点的对比.目前主流实现毛玻璃效果(高斯模糊)分大致三种方法:一 利用RenderScript接口利用现有Android结构,通过RenderScript调用底层接口实现高斯模糊计算.// Remix Blurprivate void blur(Bitmap bkg, View view) {
…
RenderScript rs = RenderScript.creat
转载
2023-08-29 12:38:59
443阅读
