Mac 毛玻璃窗口背景

实现效果:
 
notion image
在 [AppName]App.swift 中进行修改,修改之前:
import SwiftUI

@main
struct MacPersonalGPTApp: App {

    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
修改之后:
import SwiftUI

@main
struct MacPersonalGPTApp: App {

    var body: some Scene {
        WindowGroup {
            ContentView()
                .background(VisualEffect())
                .ignoresSafeArea(.all)
        }
        .windowStyle(.hiddenTitleBar)
    }
}

struct VisualEffect: NSViewRepresentable {
    func makeNSView(context: Self.Context) -> NSView {
        let VEView = NSVisualEffectView()
        VEView.material = .mediumLight
				// or VEView.appearance = NSAppearance(named: .aqua)
        return VEView
    }
  func updateNSView(_ nsView: NSView, context: Context) { }
}
💡
1. .ignoresSafeArea(.all).windowStyle(.hiddenTitleBar) 是为了隐藏标题栏 2. 通过设置 VEViewmaterialappearance 属性可以展现不同的毛玻璃效果
 
你觉得这篇文章怎么样?
YYDS
比心
加油
菜狗
views

Loading Comments...