`

iOS today插件毛玻璃效果

 
阅读更多
这里说的毛玻璃不是背景,而是文字以及按钮的毛玻璃效果.比如下图里副标题文字的颜色,他们的是有毛玻璃效果的,颜色会跟着背景而变.

最近被好几个人问到today插件的毛玻璃效果是怎么做的.
先上一张图,顺便为sina打打广告


在today插件里,想要毛玻璃,那些在本地app里使用的方法在today里都不管用了 (第三方的库和系统提供的毛玻璃方法以及toolbar).
这里需要用的是UIVisualEffectView.

代码:
UIVibrancyEffect * effect = [UIVibrancyEffect notificationCenterVibrancyEffect];
    UIVisualEffectView * blurBackgroundView = [[UIVisualEffectView alloc] initWithEffect:effect];
    blurBackgroundView.frame = CGRectMake(0, 0, self.tableWidth, [self heightInDataSourceAtIndexPath:indexPath]);
    [cell addSubview:blurBackgroundView];
    
    UIView *line = [[UIView alloc]initWithFrame:CGRectMake(0, 30, 50, 0.5)];
    line.backgroundColor = [UIColor whiteColor];
    [blurBackgroundView.contentView addSubview:line];



UIVibrancyEffect * effect = [UIVibrancyEffect notificationCenterVibrancyEffect];声明了要使用系统通知中心的效果.然后用这个效果创建一个UIVisualEffectView,这时,不管在这个UIVisualEffectView上加什么组件,只要是白色的,就都会自动变成毛玻璃(imageView不行).
上边代码是画了一条毛玻璃的线.

大家看我发出来的截图,有的文字是毛玻璃效果,有的不是,如果一个组件不想要毛玻璃,那就直接加在cell上就行了,如果想要毛玻璃效果,才加在UIVisualEffectView上.
  • 大小: 1.4 MB
  • 大小: 241.1 KB
1
0
分享到:
评论

相关推荐

    IOS实现毛玻璃效果

    在iOS开发中,"毛玻璃效果"(也称为模糊效果或者Blurred Effect)是一种流行的设计元素,它使得背景内容变得模糊,从而突出显示前景界面。苹果在其UIKit框架中提供了实现这种效果的API,使得开发者能够轻松地在应用...

    仿ios系统毛玻璃效果ppt模板.rar

    【标题】"仿ios系统毛玻璃效果ppt模板.rar"是一个针对苹果iOS系统的独特设计风格的PPT模板,其中包含了模仿iOS设备上常见的“毛玻璃”(Jelly Effect)视觉效果。这种效果在iOS中被称为“模糊”(Blur),它给予用户...

    ios7毛玻璃效果

    在iOS 7中,苹果引入了一种新的设计风格,被称为“毛玻璃”(Jelly Bean)效果,全称为“Blur Effect”。这种效果以其半透明、模糊的视觉特性为特色,为用户界面增添了深度和立体感,使背景内容与前景元素之间形成...

    iOS 抽屉效果 毛玻璃效果 下拉筐效果 高仿网易新闻

    在iOS应用开发中,抽屉效果(Drawer Effect)、毛玻璃效果(Blur Effect)以及下拉筐效果(Pull-down Menu)是常见的用户界面设计元素,这些技术可以极大地提升用户体验,使得应用更加美观且交互性强。本教程将围绕...

    iOS系统方法实现毛玻璃效果(模糊化处理)

    在iOS开发中,"毛玻璃效果"(也称为模糊效果或Blurred Effect)是一种流行的设计趋势,它使得应用界面看起来更加美观和现代。这种效果在iOS中的实现主要依赖于苹果提供的UIVisualEffectView和UIBlurEffect类。接下来...

    iOS7毛玻璃效果

    在iOS7中,苹果引入了一种被称为“毛玻璃”(Blur)或“模糊效果”(Blur Effect)的设计理念,这极大地改变了iOS系统的视觉风格。这种效果借鉴了真实世界中的光学现象,通过模糊背景图像,使前景元素更加突出,同时...

    Android 防ios毛玻璃效果

    在Android开发中,"防iOS毛玻璃效果"通常是指避免或模仿iOS系统中的"模糊效果",也称为"毛玻璃效果"(Blur Effect)。这种效果在iOS中常见于背景视图,通过模糊处理来使背景内容变得不那么突兀,从而突出前景元素。...

    ios-毛玻璃效果.zip

    在iOS开发中,"毛玻璃效果"(Blur Effect)是一种流行的设计趋势,它源自于苹果公司的iOS 7系统。这种效果模拟了真实世界中的模糊视觉现象,为用户界面增添了深度和立体感。在iOS中,毛玻璃效果通常被称为“动态模糊...

    android中实现ios8的实时毛玻璃效果

    在Android平台上实现iOS8的实时毛玻璃效果,主要涉及到UI设计风格的移植和自定义视图的绘制。毛玻璃效果,又称模糊效果或Blur Effect,是iOS8引入的一种设计元素,它通过模糊背景图像来突出前景内容,为用户界面增添...

    HTML毛玻璃效果代码

    HTML毛玻璃效果是一种流行的设计趋势,它模仿了iOS 7及更高版本中引入的模糊背景效果,也称为“Blur Effect”或“Dynamic Blur”。这种效果可以让背景内容在不影响主要元素可读性的同时,呈现出朦胧而美观的视觉感受...

    模仿ios 动态实现毛玻璃

    在iOS系统中,"毛玻璃"(也称为磨砂玻璃或Jelly Effect)是一种独特的视觉设计,它模拟了真实世界中半透明玻璃的模糊效果,为用户界面增添了深度和层次感。这种效果在iOS 7之后被广泛采用,成为了苹果UI设计的一大...

    iOS毛玻璃效果

    在iOS开发中,"毛玻璃效果"(也称为模糊效果或者Blurred Effect)是一种非常流行的视觉设计风格,它源自于OS X Yosemite系统,并在iOS 7之后被广泛应用于苹果的各种应用中。这种效果使得背景图像变得模糊,从而使...

    iOS 毛玻璃效果

    在iOS平台上,毛玻璃效果(也称为模糊效果或者 translucency)是一种独特的视觉设计,它模仿了真实世界中半透明材料的模糊外观。这种效果在iOS 7之后被引入,苹果将其命名为“Visual Effect Views”,增加了用户界面...

    Android模糊处理简单实现毛玻璃效果

    自从iOS系统引入了Blur效果,也就是所谓的毛玻璃、模糊化效果、磨砂效果,各大系统就开始竞相模仿,这是怎样的一个效果呢,我们先来看一下,如下面的图片: 实现效果大家都知道了,如何在Android中实现呢,说白了...

    ios-SJH毛玻璃.zip

    在iOS平台上,"毛玻璃"(也称为模糊效果或者Blur Effect)是一种视觉设计技术,它使得背景元素变得模糊,从而突出前景内容,创造出独特的视觉体验。这种效果在苹果的iOS系统中广泛应用于各种界面,如通知中心、控制...

    IOS图片设置毛玻璃效果

    在iOS开发中,"毛玻璃效果"(也称为模糊效果或Blurred Effect)是一种流行的设计元素,它使得背景内容变得模糊,从而突出显示前景中的内容。这种效果在iOS 7之后引入,通过UIKit Dynamics框架得以实现,为用户界面...

Global site tag (gtag.js) - Google Analytics