CHGlassmorphismView 1.0.1

CHGlassmorphismView 1.0.1

Chaehui-Seo 维护。



  • Chaehui-Seo

CHGlassmorphismView

frontPhoto

玻璃材质是一种使用背景模糊效果的设计风格,它使视图看起来像悬浮的半透明玻璃。

⚠️仍在进行中⚠️

要求

  • iOS 11.0+

安装

Swift 包管理器

使用 Swift 包管理器,将以下行添加到 Package.swift

dependencies: [
 .package(url: "https://github.com/Chaehui-Seo/CHGlassmorphismView.git", from: "0.0.4")
]

Cocoapods

使用 Cocoapods,将以下行添加到 Podfile

pod "CHGlassmorphismView", "~> 0.0.4"

使用方式

创建 glassmorphismView

方法 #1
在您的 viewController 中导入 CHGlassmorphismView 模块。现在,您可以像以下代码那样通过编程创建 glassmorphism 视图。

import CHGlassmorphismView

let glassmorphismView = CHGlassmorphismView()

方法 #2
或者通过将自定义类更改为 CHGlassmorphismView,将现有的 UIView 设置为 glassmorphism 视图

storyboard

更改自定义选项

// 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)
浅色主题 深色主题
Simulator Screen Recording - iPhone 11 - 2023-03-22 at 00 45 27 Simulator Screen Recording - iPhone 11 - 2023-03-22 at 00 45 54
// 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 项目可以测试该包提供的所有功能。

Simulator Screen Recording - iPhone 11 - 2023-03-23 at 18 47 01

注意

请注意,任何位于模糊视图下方的视图都会受到玻璃材质效果的影响。这意味着如果某些视图在模糊视图之前插入,它们将无法如预期那样可见。如果您不希望元素变暗,请不要在 0 处插入任何视图

// DO ⭕️
glassmorphismView.addSubview(yourOwnView)

// DO NOT ❌
glassmorphismView.insertSubview(yourOwnView, at: 0)