unboxme / blurberry

Transparent blur using UIVisualEffectView without subclassing

Blurberry

Transparent blur using UIVisualEffectView without subclassing.

[video demo]

[appetize demo]

Features

• Based on UIVisualEffectView
• Supports iOS 14 and animation blocks
• Super safe and super easy

Usage

Just create a UIVisualEffectView in any way. Code, storyboards, XIBs, etc.

Customize it like example bellow via blur wrapper:

visualEffectView.blur.radius = 5.0
visualEffectView.blur.tintColor = .clear

Don't forget to set a tintColor value, otherwise it will be 30% white like UIBlurEffect.Style.Light by default.

Installation

Cocoapods

Add the Blurberry pod to your Podfile:

platform :ios, '10.0'

use_frameworks!

target 'BlurryApp' do
  pod 'Blurberry' 
end

Next Steps

• iOS 10, 11, 12 support
• Other platform support (such as macOS)
• Remove ObjC code or make it private
• Add manager to check blur availability and other service info
• Hide private API class names, method names, etc.

Disclaimer

This framework uses private API, so just keep in mind it before submitting to the AppStore.

Requirements

• iOS 10.0+
• Swift 5

blurberry's Issues

Why using .light style?

Hi @unboxme

First, very thanks for your work to research about _UICustomBlurEffect and iOS 14 workaround!

while using Blurberry, I found blured view is little whitey even if blur radius is 0.0 and tintColor is set to .clear

That is caused using .light style for base effect in this line https://github.com/unboxme/Blurberry/blob/0.1.0/Sources/Views/VisualEffectView+Internal.swift#L79

I try to change to simple init like this base.effect = UIBlurEffect()
then truely same color when blur radius is 0.

And, this is also for no longer need set tintColor to .clear for removing whitey purpose.

This is screenshot of before and after. (under the black border is UIVisualEffectView)

before (using .light)	after (using .init())

Refs:
tested project: https://github.com/r-plus/BlurberryTest

Colour Saturation Issue

As you can see in the example image below, the blur is evidently more saturated than the original image.

Same issue with VisualEffectView: efremidze/VisualEffectView#31

Blur doesn't work on tinted color

Hey,

Firstly, thanks for this library, i was earlier having issues on ios14 and the default blur stopped working for me and i couldn't find a solution to fix it.

Thankfully, with your library it works fine with clear color in the tint: blurEffectView.blur.tintColor = .clear

However, if i change the tint color to any other color i loose the blur and it just gives me a solid background, like screenshot below. Any idea why that could be happening?