如何在 SwiftUI 生命周期中显示 NSPopover?
How to show NSPopover in SwiftUI lifecycle?
我试图通过单击按钮来显示可拆卸的 NSPopover,但我卡住了。我跟着 tuts how to show NSPopover 但它们都围绕着菜单栏应用程序。
我的 AppDelegate 看起来像这样
final class AppDelegate: NSObject, NSApplicationDelegate {
var popover: NSPopover!
func applicationDidFinishLaunching(_ notification: Notification) {
let popover = NSPopover()
let popoverView = PopoverView()
popover.contentSize = NSSize(width: 300, height: 200)
popover.contentViewController = NSHostingController(rootView: popoverView)
popover.behavior = .transient
self.popover = popover
}
func togglePopover(_ sender: AnyObject?) {
self.popover.show(relativeTo: (sender?.bounds)!, of: sender as! NSView, preferredEdge: NSRectEdge.minY)
}
}
这是一个可能方法的简单演示 - 将对本机 NSPopover
的控制包装到可表示的背景视图中。
注意:下一次将背景包装到视图修饰符中 or/and 使其更具可配置性取决于您。
已使用 Xcode 13 / macOS 11.5.1
进行准备和测试
struct ContentView: View {
@State private var isVisible = false
var body: some View {
Button("Test") {
isVisible.toggle()
}
.background(NSPopoverHolderView(isVisible: $isVisible) {
Text("I'm in NSPopover")
.padding()
})
}
}
struct NSPopoverHolderView<T: View>: NSViewRepresentable {
@Binding var isVisible: Bool
var content: () -> T
func makeNSView(context: Context) -> NSView {
NSView()
}
func updateNSView(_ nsView: NSView, context: Context) {
context.coordinator.setVisible(isVisible, in: nsView)
}
func makeCoordinator() -> Coordinator {
Coordinator(state: _isVisible, content: content)
}
class Coordinator: NSObject, NSPopoverDelegate {
private let popover: NSPopover
private let state: Binding<Bool>
init<V: View>(state: Binding<Bool>, content: @escaping () -> V) {
self.popover = NSPopover()
self.state = state
super.init()
popover.delegate = self
popover.contentViewController = NSHostingController(rootView: content())
popover.behavior = .transient
}
func setVisible(_ isVisible: Bool, in view: NSView) {
if isVisible {
popover.show(relativeTo: view.bounds, of: view, preferredEdge: .minY)
} else {
popover.close()
}
}
func popoverDidClose(_ notification: Notification) {
self.state.wrappedValue = false
}
func popoverShouldDetach(_ popover: NSPopover) -> Bool {
true
}
}
}
我试图通过单击按钮来显示可拆卸的 NSPopover,但我卡住了。我跟着 tuts how to show NSPopover 但它们都围绕着菜单栏应用程序。
我的 AppDelegate 看起来像这样
final class AppDelegate: NSObject, NSApplicationDelegate {
var popover: NSPopover!
func applicationDidFinishLaunching(_ notification: Notification) {
let popover = NSPopover()
let popoverView = PopoverView()
popover.contentSize = NSSize(width: 300, height: 200)
popover.contentViewController = NSHostingController(rootView: popoverView)
popover.behavior = .transient
self.popover = popover
}
func togglePopover(_ sender: AnyObject?) {
self.popover.show(relativeTo: (sender?.bounds)!, of: sender as! NSView, preferredEdge: NSRectEdge.minY)
}
}
这是一个可能方法的简单演示 - 将对本机 NSPopover
的控制包装到可表示的背景视图中。
注意:下一次将背景包装到视图修饰符中 or/and 使其更具可配置性取决于您。
已使用 Xcode 13 / macOS 11.5.1
进行准备和测试struct ContentView: View {
@State private var isVisible = false
var body: some View {
Button("Test") {
isVisible.toggle()
}
.background(NSPopoverHolderView(isVisible: $isVisible) {
Text("I'm in NSPopover")
.padding()
})
}
}
struct NSPopoverHolderView<T: View>: NSViewRepresentable {
@Binding var isVisible: Bool
var content: () -> T
func makeNSView(context: Context) -> NSView {
NSView()
}
func updateNSView(_ nsView: NSView, context: Context) {
context.coordinator.setVisible(isVisible, in: nsView)
}
func makeCoordinator() -> Coordinator {
Coordinator(state: _isVisible, content: content)
}
class Coordinator: NSObject, NSPopoverDelegate {
private let popover: NSPopover
private let state: Binding<Bool>
init<V: View>(state: Binding<Bool>, content: @escaping () -> V) {
self.popover = NSPopover()
self.state = state
super.init()
popover.delegate = self
popover.contentViewController = NSHostingController(rootView: content())
popover.behavior = .transient
}
func setVisible(_ isVisible: Bool, in view: NSView) {
if isVisible {
popover.show(relativeTo: view.bounds, of: view, preferredEdge: .minY)
} else {
popover.close()
}
}
func popoverDidClose(_ notification: Notification) {
self.state.wrappedValue = false
}
func popoverShouldDetach(_ popover: NSPopover) -> Bool {
true
}
}
}