如何在SwiftUI中获取窗口坐标？

Question

我想制作一个视差背景视图，其中当窗口在屏幕上移动时，UI后面的图像几乎保持静止。要在macOS上执行此操作，我想获取窗口的坐标。 如何获取窗口的坐标？

---

我之所以这样问，是因为我在任何地方都找不到该怎么做的信息：

• Google搜索帮助我找到了以下结果：

  • SwiftUI window coordinates，SwiftUI window location，SwiftUI window get frame，SwiftUI get window，SwiftUI macOS window coordinates，SwiftUI macOS window location，SwiftUI macOS window get frame，SwiftUI macOS get window

• Apple开发人员文档：

  • GeometryReader-我希望它会包含一个API，以在系统坐标空间中为我提供框架，但是似乎所有方法只包含窗口内坐标
  • Creating a macOS App — SwiftUI Tutorials-我希望Apple会在其中提到窗口化，但除了说可以在Xcode预览窗格中预览主窗口的内容外，根本没有提及
  • 无情的搜索：SwiftUI window coordinates，SwiftUI window location，SwiftUI window get frame

• 其他SO问题：

  • How to access own window within SwiftUI view?-我很乐观地回答了这个问题，它将为我提供一个SwiftUI API来访问窗口，但是它使用了填充程序来访问AppKit窗口表示形式。
  • Define macOS window size using SwiftUI-与上述问题类似的希望，但这次的答案只是读取内容视图的框架，该视图始终具有(0, 0)的起源
  • SwiftUI coordinate space-我希望这个答案能使我知道如何将GeometryReader给出的坐标转换为屏幕坐标，但不幸的是，坐标再次被限制在窗口内

• 网络上的其他地方：

  SwiftUI for Mac - Part 2的
  • TrozWare-我希望这会给我一些在Mac上使用SwiftUI的技巧，例如与Windows交互，因为大多数教程都针对iOS / iPadOS。不幸的是，尽管它具有很多有关SwiftUI如何与Windows一起工作的信息，但它本身却没有与这些窗口进行交互或解析的信息。
  • SwiftUI Layout System by Alexander Grebenyuk-希望在屏幕内进行窗口布局，但这仅适用于全屏iOS应用
  • SwiftUI by Example by Hacking with Swift-希望找到一个如何获取窗口位置的示例，但似乎在所列示例中根本没有提到窗口

正如我列出的那样，我发现所有这些与我的问题无关，或者仅引用窗口内的坐标，而不引用屏幕内的窗口坐标。有些人提到了使用AppKit的方法，但我想尽可能避免这种情况。

最近的一次尝试使用这样的GeometryReader：

GeometryReader { geometry in
    Text(verbatim: "\(geometry.frame(in: .global))")
}

但是原点总是(0, 0)，尽管在调整窗口时尺寸确实发生了变化。

---

我所设想的可能是这样的：

public struct ParallaxBackground<Background: View>: View {
    var background: Background

    @Environment(\.windowFrame)
    var windowFrame: CGRect

    public var body: some View {
        background
            .offset(x: windowFrame.minX / 10,
                    y: windowFrame.minY / 10)
    }
}

但是\.windowFrame不是真实的；它没有指向EnvironmentValues上的任何键路径。我找不到在哪里可以得到这样的价值。

Answer 1

如果您想要窗框：

SceneDelegate会跟踪所有窗口，因此您可以使用它来参考它们的框架制作一个EnvironmentObject并将其传递给View。在委托方法中更新环境对象的值：func windowScene(_ windowScene: UIWindowScene, didUpdate previousCoordinateSpace: UICoordinateSpace, ...

如果它是一个单窗口应用程序，那就更简单了。您可以在视图中使用UIScreen.main.bounds（如果是全屏显示）或计算出的变量：

var frame: CGRect { (UIApplication.shared.connectedScenes.first?.delegate as? SceneDelegate)?.window?.frame ?? .zero }

但是，如果要在窗口中找到视图的框架，请尝试以下操作：

struct ContentView: View {
  @State var frame: CGRect = .zero

  var orientationChangedPublisher = NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)

  var body: some View {
    VStack {
      Text("text frame georeader \(frame.debugDescription)")
    }
    .background(GeometryReader { geometry in
      Color.clear // .edgesIgnoringSafeArea(.all) // may need depending
        .onReceive(self.orientationChangedPublisher.removeDuplicates()) { _ in
          self.frame = geometry.frame(in: .global)
      }
    })
  }
} 

尽管如此，通常您不需要绝对的框架。对齐向导使您可以将彼此放置在一起。

///对于macOS App，使用“框架更改通知”并将其作为环境对象传递到SwiftUI视图

class WindowInfo: ObservableObject {
  @Published var frame: CGRect = .zero
}

@NSApplicationMain

class AppDelegate: NSObject, NSApplicationDelegate {

  var window: NSWindow!

  let windowInfo = WindowInfo()

  func applicationDidFinishLaunching(_ aNotification: Notification) {
    // Create the SwiftUI view that provides the window contents.
    let contentView = ContentView()
      .environmentObject(windowInfo)

    // Create the window and set the content view. 
    window = NSWindow(
        contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
        styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
        backing: .buffered, defer: false)
    window.center()
    window.setFrameAutosaveName("Main Window")
    window.contentView = NSHostingView(rootView: contentView)
    window.contentView?.postsFrameChangedNotifications = true
    window.makeKeyAndOrderFront(nil)

    NotificationCenter.default.addObserver(forName: NSView.frameDidChangeNotification, object: nil, queue: nil) { (notification) in
      self.windowInfo.frame = self.window.frame
    }
  }

struct ContentView: View {
  @EnvironmentObject var windowInfo: WindowInfo

  var body: some View {
    Group  {
      Text("Hello, World! \(windowInfo.frame.debugDescription)")
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
  }
}