Left / right navigation when ButtonGroup layoutDirection = horiz

Archived
1

Hello,

I’m trying to get a horizontal row of buttons to change focus when the left and right keys are pressed, but when I set layoutDirection=“horiz” it still only uses up and down… I can’t see what I’m doing wrong from the documentation. Any help would be appreciated!

Thanks

2

I ended up using LayoutGroup instead combined with onKeyEvent and a field observer to handle the navigation.

3

Is this really the only way to do this?

4

Has anyone figure out how to handle this with the ButtonGroup?

5

I ended up writing my own .

I am sure it could be better. Maybe I should put it out on github.

Nathan

6

@nmaves, do you have this code documented anywhere?

7

I have not posted it anywhere but I could. I ended up not even using the Button component from Roku. I made my own with rectangles and text nodes as I wanted to apply different colors for the active and non-active states.

8

Don’t think too much!!, Please feel free and try ‘focusButton’.
just in case, I used something like this!

//Sample Code
function onKeyEvent(key as String, press as Boolean) as Boolean
if key = "right"
         m.yourbutton.focusButton = 1
        else if key = "left"
         m.yourbutton.focusButton = 0
        end if
end function

here’s the link: https://sdkdocs.roku.com/display/sdkdoc/ButtonGroup

Good Luck!
Geb