display-glasses-with-jetpack-compose-glimmer

To build a projected Android XR UI for display glasses, wrap Jetpack Compose Glimmer components in GlimmerTheme, apply a pure black background for additive displays, and configure Google Sans Flex typography. You must also declare xr_projected display usage and implement one-dimensional focus navigation for glasses input.

Text breaks legibility on additive displays when using incorrect theming or contrast. To fix this, enforce a mandatory pure black root background, apply minimum readable text sizes, and use Google Sans Flex typography configured via createGoogleSansFlexTypography for safe variable real-world blending.

You cannot use Material elevation or MaterialTheme for display glasses UI. You must replace them with GlimmerTheme and use Glimmer-compatible depth and shadow handling to ensure your projected Android XR app renders correctly on the additive display.

To handle focus navigation and touch input for Android XR display glasses, implement one-dimensional focus navigation and map touch or swipe actions directly to glasses input. Layouts should follow a one-thing-at-a-time pattern with bottom-aligned presentation and correct back behavior.

To set up a projected activity for display glasses, you need to add Jetpack Compose Glimmer dependencies to your project. This allows you to establish the correct projected-activity setup and wiring so your UI renders properly using Glimmer components.

The correct typography configuration for Jetpack Compose Glimmer on display glasses is Google Sans Flex. You must configure it using the createGoogleSansFlexTypography function to maintain legibility and compliance on transparent additive displays.