Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added feature for focus neighbours to simplify button navigation #450

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

aardv4rk
Copy link

@aardv4rk aardv4rk commented Jan 26, 2024

Not sure if this is something people inherently want or if only I'd find some use, but alas:

  • Added FocusNeighbour for top/bottom/left/right/next/previous to simplify navigation using something other than a mouse.

This can hook into controller/keyboard using an input middleground, An example use case might be,

If you have a vertical list of buttons setup like so: protected List<ButtonBase2> _listOfButtons = []; in an abstract base class, (using the ButtonBase2 abstract class as the list type to account for buttons or toggle buttons). The list would get populated whenever you add a button to the desktop. Then the following code to hook up the vertical navigation in the buttons.

foreach (var button in _listOfButtons)
{
    var x = index;
    var next = x < _listOfButtons.Count - 1 ? x + 1 : 0;
    var previous = x > 0 ? x - 1 : _listOfButtons.Count - 1;
    button.FocusNeighbourTop = _listOfButtons[previous];
    button.FocusNeighbourRight = button;
    button.FocusNeighbourLeft = button;
    button.FocusNeighbourBottom = _listOfButtons[next];
    // Wraparound
    if (x == 0)
    {
        button.FocusNeighbourTop = _listOfButtons[_listOfButtons.Count - 1];
    }
    else if
    {
        (x == _listOfButtons.Count - 1) button.FocusNeighbourBottom = _listOfButtons[0];
    }
    // Increment index
    index++;
}

and later,

protected void MoveSelectionDown(bool forceSelection = false)
{
   _lastButton = _lastButton?.FocusNeighbourBottom;
   _lastButton?.SetKeyboardFocus();
   _currentSelection += 1;
   if (_currentSelection > _numberOfButtons)
   {
       _currentSelection = 0;
   }
   // Optionally force select
   if (forceSelection)
   { 
       ProcessSelection();
    }
}
 
public void ProcessSelection()
{
    if (_listOfButtons.Count > 0)
    {
        _lastButton?.DoClick();
    }
}

private void UpdateSelection()
{
    if (_listOfButtons.Count > 0)
    {
        _lastButton?.SetKeyboardFocus();
    }
}

This can also be done in other cases; in a horizontal list you could just hook into the FocusNeighbourLeft and FocusNeighbourRight. The next/previous bit could be used if you have something akin to tab/shift tab to focus whatever's after or before. The code above would work the same if you had a controller or a keyboard.

It's something I'm personally using to create a focus flow for easier navigation.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant