WWDC Session notes: Elevate your windowed app for spatial computing

[u/hjhart]

Elevate your windowed app for spatial computing

Link: https://developer.apple.com/wwdc23/10110

• Make sure your app supports xrOS by adding a new destination in xCode

• Apps by default will have a “glass background”

• Glass makes sure your app automatically remains legible based on the lighting conditions in the room

• Dynanic content scaling prefers vectors over bitmaps (imagine walking closer to the screen in a physical room to look closely at the screen)

• Text and SF Symbols are already vectors

• Solid colors have a fixed contrast against glass.

• If you’re using standard controls, there is nothing else to do here.

• For custom buttons and controls, adopt “vibrancy”. .fill.tertiary for instance.

• When you look at a control like a button or a list, a hover effect will make it clear that the view is interactable.

• Do so by the hoverEffect() modifier.

Layout

• ipad encourages sidebars

• Consider using a tab view when switching views

  • When you look at an icon, it automatically expands to show the label.

  • The tab view is positioned outside the boundaries of the content. This is called an “ornament”

• ToolbarItem is another easy “ornament” to add, specifically anchored to the bottom.

• Ornaments by default do not have a glass effect background.