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):

Using keys for navigation

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:
    Using keys for navigation
  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 button into the Selected On Left field.
    2. Drag our Play button into the Selected On Right field.
    3. Drag our Options button into the Selected On Down field.
  7. Select the Options button and perform the following steps:
    1. Drag our Exit button into the Selected On Left field.
    2. Drag our Play button into the Selected On Right field.
    3. Drag our Play button into the Selected On Up field.

Click on play. Our Play button is selected by default, and if you use your keyboard arrows, you will be able to navigate through those three buttons and validate with Return.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.188.57.172