玻璃材质是一种使用背景模糊效果的设计风格,它使视图看起来像悬浮的半透明玻璃。
- iOS 11.0+
使用 Swift 包管理器,将以下行添加到 Package.swift
dependencies: [
.package(url: "https://github.com/Chaehui-Seo/CHGlassmorphismView.git", from: "0.0.4")
]
使用 Cocoapods,将以下行添加到 Podfile
pod "CHGlassmorphismView", "~> 0.0.4"
方法 #1
在您的 viewController 中导入 CHGlassmorphismView
模块。现在,您可以像以下代码那样通过编程创建 glassmorphism 视图。
import CHGlassmorphismView
let glassmorphismView = CHGlassmorphismView()
方法 #2
或者通过将自定义类更改为 CHGlassmorphismView
,将现有的 UIView 设置为 glassmorphism 视图
// MARK: - [Theme]
glassmorphismView.setTheme(theme: .light) // choose theme .light or .dark (default value is .light)
浅色主题 | 深色主题 |
---|---|
![]() |
![]() |
// MARK: - [Blur Density]
glassmorphismView.setBlurDensity(with: 0.5) // value from 0 to 1 is available (default value is 0.65)
浅色主题 | 深色主题 |
---|---|
![]() |
![]() |
// MARK: - [Corner Radius]
glassmorphismView.setCornerRadius(30) // change cornerRadius as you want (default value is 20)
// MARK: - [Shadow Radius (Shadow Spread)]
glassmorphismView.setDistance(30) // change shadowRadius(shadow spread) that makes a sense of distance (default value is 20)
您可以从 SampleApp
文件夹中运行位于的 SampleApp 项目。通过 SampleApp 项目可以测试该包提供的所有功能。
请注意,任何位于模糊视图下方的视图都会受到玻璃材质效果的影响。这意味着如果某些视图在模糊视图之前插入,它们将无法如预期那样可见。如果您不希望元素变暗,请不要在 0 处插入任何视图
// DO ⭕️
glassmorphismView.addSubview(yourOwnView)
// DO NOT ❌
glassmorphismView.insertSubview(yourOwnView, at: 0)