Implement Material Design for XR | Android XR | Android Developers

Your app can be viewed in 3D space, either in virtual reality or blended with the user’s surroundings through passthrough, thanks to Android’s expansion into extended reality. The Android XR SDK developer preview is now available for download. This software development kit allows you to create XR apps with familiar Android frameworks and tools. This release also includes Android XR design guidelines and developer documentation to help you create immersive experiences.

The Jetpack XR SDK allows you to enhance your existing Android app for XR and see it come to life in the Android XR emulator in Android Studio. Jetpack Compose for XR provides an easy onboarding to declaratively build spatial UI layouts, with established concepts such as rows and columns. To help you prepare your apps for this new environment, Material Design for XR provides design guidance and code for spatial adaptations of components and layouts. In addition, we are launching advanced perception capabilities with ARCore for Jetpack XR, as well as SceneCore, our new 3D scene graph library for custom 3D manipulation.

link
Copy link

In XR, Android apps With Android XR, you can bring your app into extended reality thanks to its adaptable platform. Mobile and large-screen apps that are compatible with Android will work without requiring any development effort and will automatically be available in the Play Store. The Jetpack XR SDK can spatialize existing layouts and enhance your experiences with 3D models and immersive environments, extending your mobile or large screen Android app into a new dimension. With XR, you can turn your Android app into a 3D model. The Android XR design guidelines give you a path to take in order to make great XR experiences. Investigate the most important things to think about, the foundations of the system, and the best practices for designing interactions, spatial UI, 3D content, and immersive environments. Jetpack Compose for XR is a great tool for creating user interfaces. To help you build integrated and boundless experiences, Android XR includes multimodal inputs, and spatial capabilities. Users can experience your app in two modes: Home Space and Full Space. With your app running alongside other apps, users in Home Space can multitask. In Full Space, your app takes center stage as the focus of the user’s experience with full access to the spatial and 3D capabilities of Android XR.

Design of Material for XR Your app will now have access to modifications in the Material 3 (or M3) library that will help it stand out in confined spaces. In addition, we have included design guidance for navigation layouts and components, making it simpler to create XR experiences that are both immersive and user-friendly. When designing for XR, you may want to use spatial UI to place content in a user’s physical or virtual environment. You can break out your app into spatial panels, orbiters, and add spatial elevation.

By dividing your existing UI content into panels that can be resized and moved by the user, spatial panels enable you to take advantage of Android XR’s infinite canvas. Space panel content is controlled by orbiters, which are floating UI elements. They give the app’s main content more space, and while the content is still visible, users can quickly access features. A component is elevated above the spatial panel on the Z-axis when it is given spatial elevation. This can assist in attracting a user’s attention, improving visual hierarchy and legibility. Spatial UI behaviors in Material Design components and adaptive layouts will help your app adapt naturally to 3D space.

Post Navigation