Panels

• The default panel size is 1024dp × 640dp.
• The minimum panel size is 384dp × 500dp.
• Panels do not contain any UI elements; they are solely for displaying content.
• Content should fill the entire panel space from top to bottom and left to right.

1. Single panels can be placed anywhere in space and can be moved by grabbing any edge or the Control Bar below the panel. They can also be resized by dragging one of its corners.
2. Hinged panels are similar to single panels but consist of two or three panels grouped together. These panels are connected at their left and/or right edges via a “hinge.” A hinge layout can be moved by grabbing a small white line, called a manipulation handle, below the hinged layout.
3. Theater panels allow users to view a single panel in a focused experience that maximizes content enjoyment. Theater screens are larger, and darken the surrounding immersive or passthrough environment to give visual priority to the content. Panels, both single and hinged, can be converted into theater panels by pressing the expand button in their control bar. The same method returns theater panels to single or hinged panels.

• Implementation — Platform resources and SDK integration guides

• Windows
• Cards

• 2D art assets: Learn about the 2D art assets you will need to create a consistent visual language across your app.
• Scene understanding: Use the physical environment as a canvas using Scene Understanding.
• Passthrough: Blend virtual objects with the physical environment using Passthrough.
• Spatial anchors: Anchor virtual objects in the physical environment, and provide shared experiences.
• Health and safety: Learn how to design safe experiences.

• Meta Spatial SDK overview
• Build your first Spatial SDK app
• Spatial 2D panels
• Scene understanding
• Passthrough
• Interaction

• Scene understanding
• Passthrough
• Spatial anchors
• Interaction

• Scene understanding
• Passthrough
• Spatial anchors

• Panel sizing