2 Star 22 Fork 10

小弟调调/swiftui-example

Create your Gitee Account
Explore and code with more than 13.5 million developers,Free private repositories !:)
Sign up
文件
Clone or Download
README.md 1.30 KB
Copy Edit Raw Blame History

如何添加视觉效果模糊?

Updated for Xcode 13.0 New in iOS 15

SwiftUI 有一个非常简单的 UIVisualEffectView 等效项,它结合了 ZStackbackground() 修饰符和一系列内置材料。

例如,这会在图像上放置一些文本,对文本应用标准模糊效果:

ZStack {
    Image("singapore")

    Text("Visit Singapore")
        .padding()
        .background(.thinMaterial)
}

您可以使用多种材质类型中的一种来调整材质的“厚度”——背景内容有多少透过。 从最薄到最厚,它们是:

  • .ultraThinMaterial
  • .thinMaterial
  • .regularMaterial
  • .thickMaterial
  • .ultraThickMaterial

如果您使用辅助前景色,SwiftUI 会自动调整文本颜色,使其具有鲜明的效果并能从背景中脱颖而出:

ZStack {
    Image("singapore")

    Text("Visit Singapore")
        .foregroundColor(.secondary)
        .padding()
        .background(.ultraThinMaterial)
}

Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
Swift
1
https://gitee.com/jaywcjlove/swiftui-example.git
git@gitee.com:jaywcjlove/swiftui-example.git
jaywcjlove
swiftui-example
swiftui-example
main

Search