Using keys for navigation

The UI we have created works with the mouse. We can easily add key navigation for keyboard and controllers. A UIButton Keys component exists for that purpose. You have to add it to any UI element you want to be accessible with keys (the default Inspector window is as follows):

Let's try it now with our Play, Exit, and Options buttons:

1. Select our Exit, Options, and Play GameObjects.

2. Attach a Button Keys component to them by navigating to Component | NGUI | Interaction.

3. A pop up will appear, as shown in the following screenshot, asking you if you want to replace or add a collider:

   

4. That's because they already have a Box Collider component. Click on Replace.

5. Select the Play button and perform the following steps:

   1. Check its Starts Selected Boolean.

   2. Drag our Exit button into the Selected On Left field.

   3. Drag our Exit button into the Selected On Right field.

   4. Drag our Options button into the Selected On Down field.

6. Select the Exit button and perform the following steps:

   1. Drag our Play...