今天早上, 听到有人说拼多多上市, 然后各种黑, 说什么市场倒退了二十年, 然后搬出那英当年的"雾里看花",说这首歌就是在讽刺假货横行~"雾里看花"代表了一种"朦胧美", 如果你喜欢朦胧美, 那你也可能也会喜欢毛玻璃"毛玻璃"效果, 本质上是对背景图片的部分区域进行模糊运算, 比如我们在photoshop经常使用的高斯模糊, 这种模糊其实是在UI设计中非常常见, 比如Mac上的siri
背景我又双叒叕来摸鱼啦!!今天又双叒叕是做需求,发现产品给了一个缩略图排列起来的列表(虽然列表里只给了一个排列项,其他需要脑补)然鹅我发现!想象总是美好的,然而现实是非常骨感的!什么是毛玻璃效果?毛玻璃效果(Glassmorphism)是目前非常流行的设计新趋势,你可以在 Dribbble 等网站上看到毛玻璃效果,甚至像 Apple 和 Microsoft 这样的大公司也在使用它。基本上,它的主要
前言UI小姐姐问我,能不能做出透明加模糊的背景,而我当然是二话不说就说可以。因为我觉得没有什么是css实现不了的。更何况我要在她面前展现得我很厉害的样子。开发起来果不其然,在我打开蓝湖后,发现属性都给我提供好了于是我立即将这份代码ctr c,然后ctr v,一番丰功伟绩立马就完成了,效果也是杠杠滴。然后兴高采烈地交付给UI小姐姐查看了。小姐姐也说可以。出于职业素养,我马上拿起我在pdd上9.9买的
转载 2024-07-05 05:38:04
257阅读
首先看效果: 核心代码://加模糊效果,image是图片,blur是模糊度- (UIImage *)blurryImage:(UIImage *)image withBlurLevel:(CGFloat)blur { //模糊度, if ((blur 2.0f)) { blur = 0.5f; } //boxSize必须大于0 int boxSize = (int)(blur * 100); boxSize -= (boxSize % 2) + 1; NSLog(@"boxSize:%i",boxSize); //图...
转载 2013-08-24 20:31:00
140阅读
2评论
首先看效果: 核心代码://加模糊效果,image是图片,blur是模糊度-
转载 2013-08-23 18:56:00
50阅读
2评论
自从iOS系统引入了Blur效果,也就是所谓的毛玻璃、模糊化效果,磨砂效果,各大系统就开始竞相模仿,这是怎样的一个效果呢,我们先来看一下,如下面的图片:效果我们知道了,如何在Android实现呢,说白了就是对图片进行模糊化处理,小编先给大家讲一下Android高级模糊技术的原理,如下:·首先我创建了一个空的bitmap,把背景的一部分复制进去,之后我会对这个bitmap进行模糊处理并设置为Tex
实现目标 相信大家都知道毛玻璃效果是怎样的,也可以说是高斯模糊效果。效果图如下: 这是一个透明,且会对背景进行高斯模糊的效果,看起来就像是毛玻璃一样,其实不光是侧滑菜单,只要是view,理论上都可以实现这样的效果,接下来我们就来实现这个效果。 第一步:框架搭建 我使用的android studio,所以要创建这样一个带侧滑菜单的项目非常简单,在新建项目的步骤中,执行
转载 2023-09-26 16:56:51
437阅读
摘要: 毛玻璃实现方法。代码说明: 我自己做了一个Android的输入法去参加学校的比赛,然后我做到最后,尝试美化UI,美化UI的过程中,我想起IOS上的高斯模糊的效果(也就是毛玻璃效果),所以我决定对安卓系统也进行尝试。 我在网上查找了很多方法,起初的打算是先把输入法的界面设置为透明,然后用view.getDrawingCache();方法来获取输入法界面的截图,然后获得bitmap之后,对bi
Android 弹窗毛玻璃背景实践需求: 点击FloatingActionButton弹出弹层,弹层底部有多个图标可选,每一个图标都是一个功能入口,背景采用毛玻璃模糊效果。记录一下这个需求的思考和实现过程。查找Android原生API做法在Android API里面,有个FLAG_BLUR_BEHIND用于模糊背景的FLAG,尝试一下使用它来做Dialog的背景模糊。 代码如下:final Di
今年三月份小果曾经给大家分享过 iPhone 隐藏 Dock 栏的方法,只需要一张特定的壁纸,就能让 iPhone 的 Dock 栏毛玻璃效果自动消失。 不过,当时的方法只支持 iOS 12.0-12.2 系统,有一定的局限性,现在 iOS 13 系统已经发布了,隐藏 Dock 栏的壁纸也已经更新,今天小果就给大家分享最新的隐藏 Dock 栏新方法。可能有一些新用户还不太清楚 iPho
# Android 实现毛玻璃效果 在移动应用开发中,毛玻璃效果作为一种视觉效果,常用于增强 UI 界面的美观性和层次感。在 Android 中,利用 RenderScript 或者 BlurMaskFilter 等技术都可以实现此效果。本文将介绍如何使用这些技术在 Android 应用中实现毛玻璃效果,并提供相应代码示例。 ## 什么是毛玻璃效果? 毛玻璃效果,又称模糊效果,是一种通过将图
原创 9月前
251阅读
# Android 毛玻璃效果的实现 ## 引言 毛玻璃效果是一种极具视觉冲击力的界面设计,常用于为图片或背景模糊处理,使得前景内容更加突出。在Android开发中,实现这个效果的方式有很多。本篇文章将详细介绍如何在Android应用中实现毛玻璃效果,适合刚入行的小白开发者。 ## 实现流程概述 以下是实现Android毛玻璃效果的主要步骤,供大家参考: | 步骤 | 描述 | |---
原创 7月前
0阅读
刚刚做技术调研,可以给一些优缺点的对比.目前主流实现毛玻璃效果(高斯模糊)分大致三种方法:一 利用RenderScript接口利用现有Android结构,通过RenderScript调用底层接口实现高斯模糊计算.// Remix Blurprivate void blur(Bitmap bkg, View view) { … RenderScript rs = RenderScript.creat
# 实现 Android 毛玻璃背景的指南 在现代应用程序开发中,毛玻璃效果(Blurred Glass Effect)越来越受到欢迎,因为它能为用户界面带来一种优雅且现代的外观。本文将带你了解如何在 Android实现毛玻璃背景效果。我们将以清晰的步骤来引导你完成此过程,并提供详细的代码示例。 ## 步骤流程 下面是实现 Android 毛玻璃效果的基本步骤: | 步骤编号 | 步
原创 10月前
527阅读
安卓开发中,“android View 实现毛玻璃”特效不仅提升了用户界面的视觉效果,也满足了现代应用对美观和交互性的高要求。通过下文,我们将深入探讨实现这一效果的工具和方法。 ### 背景描述 毛玻璃效果最早源于iOS设计,因其独特的模糊化处理,成为了众多应用界面中的重要组成部分。这种效果让背景图像看起来像是通过磨砂玻璃观察到的,从而提升了信息的可读性,同时还保持了背景的呈现。 为帮助我们
原创 5月前
116阅读
Android开发中,实现毛玻璃效果”不仅可以增强用户界面的美观性,还能提升应用的用户体验。为了完成这个功能,开发者常常会遇到一系列的问题和挑战。下面,笔者将分享如何在Android实现毛玻璃效果”的过程。 ### 问题背景 在移动应用的开发过程中,用户体验的逐步提升要求开发者不断探索新的视觉效果。毛玻璃效果(Blur Effect)作为一种流行的UI元素,能够有效地模糊背景,从而使得
原创 6月前
220阅读
原标题:毛玻璃的性质及功能特点在现代生活中,无论是在实用性上,还是在装饰性上,玻璃都有着很大的用途。出于实际的需要,玻璃的品种也越来越多,玻璃的工艺水平也在不断提高。毛玻璃就是一种具有很强工艺性的产品。一、毛玻璃的性质由于表面粗糙,使光线产生漫反射,透光而不透视,它可以使室内光线柔和而不刺目。它是一种用金刚石等粗糙不平整的半透明玻璃经过磨砂或者化学处理过的玻璃,它通常用于浴室门窗。二、毛玻璃的功能
转载 2023-11-16 20:14:30
153阅读
进过一番预研,找到了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阅读
作者:dinglin背景我又双叒叕来摸鱼啦!!今天又双叒叕是做需求,发现产品给了一个缩略图排列起来的列表(虽然列表里只给了一个排列项,其他需要脑补)然鹅我发现!想象总是美好的,然而现实是非常骨感的!什么是毛玻璃效果?毛玻璃效果(Glassmorphism)是目前非常流行的设计新趋势,你可以在 Dribbble 等网站上看到毛玻璃效果,甚至像 Apple 和 Microsoft 这样的大公司也在使用
转载 2023-10-04 10:12:31
143阅读
毛玻璃效果实际上是对原图片的严重劣化,突出朦胧感,一般都是通过图片的缩放+模糊算法来实现,从性能角度考虑,模糊半径不能大于25,所以要更高的模糊效果则需要进行缩放。具体实现方案有以下几种。Java实现,一般都是采用Stack模糊算法 RenderScript实现Native实现OpenCV或者OpenGL实现,由于其复杂度,本文暂不讨论该方案1、Java实现Java代码实现毛玻璃效果基本上都是采用
转载 2023-11-01 11:12:52
203阅读
  • 1
  • 2
  • 3
  • 4
  • 5