visionos Create a window, set the window size, tilt angle, and position

A few tips for you.

Placing windows

We can set the default position of a new window. We can position them relative to other windows or use utility window.

If you want to open a small window below the user, tilted up to face them, then you want .utility.

Example

WindowGroup(id: "Rocks") {
    Text("🪨🪨🪨")
        .font(.system(size: 48))
}
.defaultSize(CGSize(width: 300, height: 100))
.defaultWindowPlacement { _, context in
    return WindowPlacement(.utilityPanel)
}

If you want to place window relative to another window, then you can do something like this

// Main window
WindowGroup {
    ContentView()
}
.defaultSize(width: 500, height: 500)

WindowGroup(id: "YellowFlower") {
    Text("🌼")
        .font(.system(size: 128))
}
.defaultSize(CGSize(width: 300, height: 200))
.defaultWindowPlacement { _, context in
    if let mainWindow = context.windows.first {
        return WindowPlacement(.leading(mainWindow))
    }
    return WindowPlacement(.none)

Unfortunately, as of visionOS 2, we can't move or position windows after they are already opened. The features above work once when we open a new window.

Sizing windows

You can control the default size like this

WindowGroup(id: "YellowFlower") {
    YellowFlowerView()
}
.defaultSize(CGSize(width: 600, height: 600))

If you need more control, you can use .contentSize to make the window adapt to the size of the view/content. You can even adjust the size of the view and the window will adapt.

WindowGroup(id: "YellowFlower") {
    YellowFlowerView()
        .frame(minWidth: 500, maxWidth: 700, minHeight: 500, maxHeight: 700)
}
.windowResizability(.contentSize)
.defaultSize(CGSize(width: 600, height: 600))

Hope this helps!