Extends Item

Apple.BlurLayer

The Apple.BlurLayer item provides the blur effect used throughout iOS.

The layer blurs and tints the content behind it. The Apple.BlurLayer.style property determines the specific blur radius and tinting behavior used.

The following example shows a blur layer placed over a video.

The vibrancy effect provided by Apple.VibrancyEffect can be used to increase the contrast of content placed above a blurred layer.

property Float radius: 0

The blur layer corner radius.

property Apple.BlurLayer.Style style: .ExtraLight

The blur layer style.

Blur styles can be either adaptive or static. Adaptive blur styles change depending on whether the prototype is running with the light or dark interface style. A static blur style appears the same regardless of the interface style.

Apple.BlurLayer.Style.Regular

Apple.BlurLayer.Style.Prominent

Adaptive regular and prominent blur styles.

Apple.BlurLayer.Style.ExtraLight

Apple.BlurLayer.Style.Light

Apple.BlurLayer.Style.Dark

Static extra light, light and dark blur styles.

Apple.BlurLayer.Style.ThickMaterial

Apple.BlurLayer.Style.Material

Apple.BlurLayer.Style.ThinMaterial

Apple.BlurLayer.Style.UltraThinMaterial

Apple.BlurLayer.Style.ChromeMaterial

Adaptive material blur styles, introduced with iOS 13.

Apple.BlurLayer.Style.ThickMaterialLight

Apple.BlurLayer.Style.MaterialLight

Apple.BlurLayer.Style.ThinMaterialLight

Apple.BlurLayer.Style.UltraThinMaterialLight

Apple.BlurLayer.Style.ChromeMaterialLight

Static light versions of the material blur styles.

Apple.BlurLayer.Style.ThickMaterialDark

Apple.BlurLayer.Style.MaterialDark

Apple.BlurLayer.Style.ThinMaterialDark

Apple.BlurLayer.Style.UltraThinMaterialDark

Apple.BlurLayer.Style.ChromeMaterialDark

Static dark versions of the material blur styles.