Creating UIs with UISet

1. In the Project panel, navigate to the Packages > Meta XR Interaction SDK Essentials > Runtime > Sample > Objects > UISet > Prefabs > Backplate folder and add a backplate for the UI by dragging the EmptyUIBackplateWithCanvas prefab to the Hierarchy panel.
   
   The backplate prefab contains a Canvas, a background for the UI, some basic layout components, and ray and poke interactable components to enable direct touch and raycast interactions with the UI.
   
2. In the Hierarchy, select the CanvasRoot. In the Inspector, under Rect Transform, use the Width and Height properties to set the size of the Canvas. This example uses the following settings to scale it to a reasonable size for a few components:
   • Rect Transform > Width: 500
   • Rect Transform > Height: 250
   
3. In the Hierarchy, select the UIBackplate. In the Inspector, under Rect Transform, set the Width and Height properties to match the Canvas width and height set in the previous step. This example uses the following settings to match the Canvas size:
   • Rect Transform > Width: 500
   • Rect Transform > Height: 250
   
4. Add some UI elements to the panel to interact with by dragging and dropping prefabs from the Packages > Meta XR Interaction SDK Essentials > Runtime > Sample > Objects > UISet > Prefabs folder. For example, in the Buttons > UnityUIButtonBased folder, drag the PrimaryButton_IconAndLabel_UnityUIButton prefab to the UIBackplate object in the Hierarchy. The button element appears on the UI. Add as many elements as you desire to create your UI.
   

1. Open the Link desktop application on your computer.
2. Put on your headset, and, when prompted, enable Link.
3. On your development machine, in Unity Editor, select the Play button.
4. In your headset, you can interact with the UI directly with your hand.

1. Make sure your headset is connected to your development machine.
2. In Unity Editor, select File > Build Profiles.
3. Click Open Scene List to open the Scene List window.
4. Add your scene to the Scene List by dragging it from the Project panel or by clicking Add Open Scenes.
5. Click Build and Run to generate an .apk and run it on your headset. In the File Explorer that opens, select a location to save the .apk to and give it a name. The build process may take a few minutes.
6. In your headset, you can interact with the UI directly with your hand.

• Buttons: Learn about buttons controls for immersive experiences.
• Dropdown: Learn about dropdown controls for immersive experiences.
• Selectors: Learn about selectors controls for immersive experiences.
• Sliders: Learn about sliders controls for immersive experiences.
• Virtual keyboard: Learn about virtual keyboard controls for immersive experiences.

• Icons and images: Learn about icons and images for immersive experiences.
• Typography: Learn about typography for immersive experiences.
• Panels: Learn about panels components for immersive experiences.
• Windows: Learn about windows components for immersive experiences.
• Tooltips: Learn about tooltips components for immersive experiences.
• Cards: Learn about cards components for immersive experiences.
• Dialogs: Learn about dialogs components for immersive experiences.