Difference between revisions of "UIBackdropView"

From iPhone Development Wiki
Jump to: navigation, search
(added two more styles)
(Easier reading.)
Line 3: Line 3:
 
It uses a [[CABackdropLayer]] with a [[CAFilter#gaussianBlur|gaussianBlur CAFilter]].<ref>https://twitter.com/conradev/status/380905728393117696</ref>
 
It uses a [[CABackdropLayer]] with a [[CAFilter#gaussianBlur|gaussianBlur CAFilter]].<ref>https://twitter.com/conradev/status/380905728393117696</ref>
  
_UIBackdropView uses the settings for its setup. Here's all settings class available in iOS 7.0
+
_UIBackdropView uses the settings for its setup. (superclass _UIBackdropViewSettings) Here's all settings class available in iOS 7
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
 
! Class name
 
! Class name
! Style number
+
! Style number(s)
 
! Comments/Used by
 
! Comments/Used by
 
|-
 
|-
Line 19: Line 19:
 
|-
 
|-
 
| _UIBackdropViewSettingsLight
 
| _UIBackdropViewSettingsLight
| 0
+
| 0, 1000, 1003, 2020, 10090, 10100
| (Also 1000, 1003, and 2020)
+
|
 
|-
 
|-
 
| _UIBackdropViewSettingsDark
 
| _UIBackdropViewSettingsDark
| 1
+
| 1, 1001, 1100, 2030, 11050, 11060
| (Also 1001, 1100, 2030)
+
| iOS 7 Notification Center (?)
 
|-
 
|-
 
| _UIBackdropViewSettingsBlur
 
| _UIBackdropViewSettingsBlur
Line 37: Line 37:
 
| 2010
 
| 2010
 
| Some alert views in Settings app & many white UIs
 
| Some alert views in Settings app & many white UIs
|-
 
| _UIBackdropViewSettingsLight
 
| 2020
 
| (Also 10090, 10100)
 
 
|-
 
|-
 
| _UIBackdropViewSettingsLightLow
 
| _UIBackdropViewSettingsLightLow
 
| 2029
 
| 2029
 
|
 
|
|-
 
| _UIBackdropViewSettingsDark
 
| 2030
 
| iOS 7 Notification Center (?) (Also 11050, 11060)
 
 
|-
 
|-
 
| _UIBackdropViewSettingsDarkWithZoom
 
| _UIBackdropViewSettingsDarkWithZoom
Line 58: Line 50:
 
|
 
|
 
|-
 
|-
| _UIBackdropViewSettingsColored
+
| rowspan="4" | _UIBackdropViewSettingsColored
 
| 2040
 
| 2040
 
| rgba(0.0196078,0.0196078,0.0196078,1)
 
| rgba(0.0196078,0.0196078,0.0196078,1)
 
|-
 
|-
| _UIBackdropViewSettingsColored
 
 
| 10091
 
| 10091
 
| rgba(0.160784,1,0.301961,1)
 
| rgba(0.160784,1,0.301961,1)
 
|-
 
|-
| _UIBackdropViewSettingsColored
 
 
| 10092
 
| 10092
 
| rgba(1,0.0980392,0.0470588,1)
 
| rgba(1,0.0980392,0.0470588,1)
 
|-
 
|-
| _UIBackdropViewSettingsColored
 
 
| 10120
 
| 10120
 
| rgba(0.0313725,0.262745,0.560784,1)
 
| rgba(0.0313725,0.262745,0.560784,1)
 
|-
 
|-
 
| _UIBackdropViewSettingsUltraDark
 
| _UIBackdropViewSettingsUltraDark
| 2050
+
| 2050, 11070
| (Also 11070)
+
|
 
|-
 
|-
 
| _UIBackdropViewSettingsAdaptiveLight
 
| _UIBackdropViewSettingsAdaptiveLight

Revision as of 05:17, 19 May 2014

_UIBackdropView is a private class in UIKit.framework (iOS 7.0+), a subclass of UIView, which is used for the popular blur effects.

It uses a CABackdropLayer with a gaussianBlur CAFilter.[1]

_UIBackdropView uses the settings for its setup. (superclass _UIBackdropViewSettings) Here's all settings class available in iOS 7

Class name Style number(s) Comments/Used by
_UIBackdropViewSettingsCombiner -3
_UIBackdropViewSettingsNone -2
_UIBackdropViewSettingsLight 0, 1000, 1003, 2020, 10090, 10100
_UIBackdropViewSettingsDark 1, 1001, 1100, 2030, 11050, 11060 iOS 7 Notification Center (?)
_UIBackdropViewSettingsBlur 2 Common blurring
_UIBackdropViewSettingsColorSample 2000
_UIBackdropViewSettingsUltraLight 2010 Some alert views in Settings app & many white UIs
_UIBackdropViewSettingsLightLow 2029
_UIBackdropViewSettingsDarkWithZoom 2031
_UIBackdropViewSettingsDarkLow 2039
_UIBackdropViewSettingsColored 2040 rgba(0.0196078,0.0196078,0.0196078,1)
10091 rgba(0.160784,1,0.301961,1)
10092 rgba(1,0.0980392,0.0470588,1)
10120 rgba(0.0313725,0.262745,0.560784,1)
_UIBackdropViewSettingsUltraDark 2050, 11070
_UIBackdropViewSettingsAdaptiveLight 2060 iOS 7 Control Center
_UIBackdropViewSettingsSemiLight 2070
_UIBackdropViewSettingsFlatSemiLight 2071
_UIBackdropViewSettingsUltraColored 2080
_UIBackdropViewSettingsPasscodePaddle 3900
_UIBackdropViewSettingsLightKeyboard 3901

There are many ways to create the settings object

_UIBackdropViewSettings *settings = (_UIBackdropViewSettings *)[[[_UIBackdropViewSettingsSemiLight alloc] init] autorelease];

_UIBackdropViewSettings *settings = [_UIBackdropViewSettings settingsForStyle:2070];

_UIBackdropViewSettings *settings = [_UIBackdropViewSettings settingsForPrivateStyle:2070];

_UIBackdropViewSettings *settings = [[[_UIBackdropViewSettings alloc] initWithDefaultsValue] autorelease];

Creating _UIBackdropView (Blur view) object

// Creating blur view using settings object
_UIBackdropViewSettings *settings = [_UIBackdropViewSettings settingsForStyle:2060];

// initialization of the blur view
_UIBackdropView *blurView = [[_UIBackdropView alloc] initWithFrame:CGRectZero
                                              autosizesToFitSuperview:YES settings:settings];
// another way for initialization
_UIBackdropView *blurView = [[_UIBackdropView alloc] initWithSettings:settings];

// or without settings object implementation
_UIBackdropView *blurView = [[_UIBackdropView alloc] initWithStyle:2060];

[someView addSubview:backView];
[blurView release];

Blur Quality

There are only two qualities available.

  • low
  • default (Assumed to be "medium")

You can set it like this:

[blurView setBlurQuality:@"low"];

Tinting blur view

[blurView setRequiresColorStatistics:YES];
[blurView setUsesColorTintView:YES];
[blurView setColorTint:[UIColor cyanColor]];
[blurView setColorTintAlpha:0.8];
[blurView setColorTintMaskAlpha:0.7];

Applying blur settings

You can config the settings parameter then apply and update the blur view.

_UIBackdropViewSettings *newSettings = [_UIBackdropView settingsForPrivateStyle:0];

// Whatever configuration for the settings

[blurView applySettings:newSettings];
// or
[blueView computeAndApplySettings:newSettings];

Getting/Parsing all _UIBackdropView objects at runtime

NSArray *blurViews = [_UIBackdropView allBackdropViews];

for (_UIBackdropView *view in blurViews) {
     // do any _UIBackdropView configuration here
}

References