Swiftpack.co - Package - lucasbrown/swiftui-visual-effects

SwiftUI Visual Effects


System materials in SwiftUI

View modifiers that wrap UIVisualEffectView and all of its associated objects, with environment integration for storing effect styles. Vibrancy effects will always use the current blur effect style for proper vibrancy-effect layering.

Adding and Styling a Blur Effect

YourView()
  // Add a blur effect.
  .blurEffect()
  // Style the blur effect.
  .blurEffectStyle(.systemChromeMaterial)

Adding and Styling a Vibrancy Effect

YourView()
  // Add a vibrancy effect.
  .vibrancyEffect()
  // Style the vibrancy effect.
  .vibrancyEffectStyle(.fill)

Adding and Styling Blur and Vibrancy Effects

ZStack {
  YourBackgroundContent()
    // Add a blur effect.
    .blurEffect()

  YourForegroundContent()
    // Add a vibrancy effect.
    .vibrancyEffect()
}
// Set the style for blur effects within this view.
.blurEffectStyle(.systemChromeMaterial)
// Set the style for vibrancy effects within this view.
.vibrancyEffectStyle(.fill)

Adding Blur and Vibrancy Effects Directly to a View

Adding both a blur and vibrancy effect directly to a view only displays the blur effect.

If you’d like to blur the view’s background content, while adding vibrancy to the view’s foreground content, use the .background() modifier, and pass BlurEffect() as its argument. Although BlurEffect may not be very Apple-like, it’s better than the .blurEffect() modifier implementation below.

YourView()
  .vibrancyEffect()
  .background(BlurEffect())

// as opposed to:

YourView()
  .vibrancyEffect()
  .background(
    Color.clear
      .blurEffect()
  )

Github

link
Stars: 76

Dependencies

Used By

Total: 0

Releases

SwiftUI Visual Effects 1.0.3 - 2020-06-30 22:17:28

  • Licensed the project.
  • Added support for state changes.
  • Moved the following structures to a Wrappers folder in Sources/SwiftUIVisualEffects:
    • _BlurVisualEffectViewRepresentable
    • _VibrancyVisualEffectViewRepresentable
  • Moved BlurEffect to a new file, BlurEffect.swift, in Sources/SwiftUIVisualEffects.

SwiftUI Visual Effects 1.0.2 - 2020-06-26 00:53:07

  • Added images to README.md.
  • Made minor fixes to the documentation.
  • Removed the now-unnecessary demonstration.

SwiftUI Visual Effects 1.0.1 - 2020-06-25 17:17:47

Added minor tweaks to the demonstration.

SwiftUI Visual Effects 1.0 - 2020-06-24 22:27:58

The initial release.