macos - 如何在 SwiftUI 生命周期中显示 NSPopover?
问题描述
我试图通过单击一个按钮来显示一个可拆卸的 NSPopover,但我被卡住了。我跟着 tuts 如何展示 NSPopover,但它们都围绕着 Menubar 应用程序。
我的 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
到可表示的背景视图中。
注意:下一次将背景包装到视图修饰符或/和使其更具可配置性取决于您。
使用 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
}
}
}
推荐阅读
- c++ - Delaunay 三角剖分上 Dijkstra 最短路径的 CGAL/BGL 示例代码创建分段错误
- android - 将android api更新到最新版本时,出现此错误
- java - 使用反射从外部包类中设置包私有类的私有字段
- ios - 如何从另一个视图控制器设置按钮的操作
- microservices - 微服务依赖管理工具
- spring - 为测试禁用配置服务器
- javascript - joi的hapi验证并发送所有错误
- javascript - coffeescript - 我们可以在 ruby on rails 的视图文件夹中使用咖啡脚本代码吗?
- android - 内部切换开关如何在android中设置文本值
- c# - C# 解析方法调用返回的 IHttpActionResult Json 对象