Roku - ButtonGroupは、左と右のキーでフォーカスを移動します

Question

私はRokuの世界にはかなり新しいです。私はそのシンプルでまっすぐな質問のようなにおいがしますが、解決策を見つけ出すことはできませんでした。どんな助けでも大歓迎です。

UIに3つのボタンを含むサンプルアプリケーションを作成しようとしていました。だから、私はButttonGroupをこのユースケースにすることを選んだ。

<ButtonGroup id="btnGroup" layoutDirection="horiz" 
        visible="true" translation="[90,601]" 
        itemSpacings="[20,20]" minWidth="240" 
        maxWidth="240" buttonHeight="80">   

       <Button id="button1" text="" iconUri="" focusedIconUri="" 
         focusFootprintBitmapUri="pkg:" 
         focusBitmapUri="pkg"/>   

       <Button id="button2" text="" iconUri="" focusedIconUri="" 
         focusFootprintBitmapUri="pkg:" 
         focusBitmapUri="pkg:"/> 


       <Button id="button3" text="" iconUri="" focusedIconUri="" 
         focusFootprintBitmapUri="pkg:" 
         focusBitmapUri="pkg:"/>           
     </ButtonGroup> 

の事は私が実際にこれが「左」で行う必要があり、リモートのと「アップ」「ダウン」キー、とこのボタンを通じて進めることが可能だということです"right"キー。私はHORIZにlayoutDirection値を設定してきたように

は、私は事前に考えて、キーを逆だろうが自動的にそれぞれと「左」「右」に変更します。期待どおりに働いていないようです。ここに何かがないのですか？助けてください。

Answer 1

私はLayoutGroup代わりのButtonGroupをを使用してもOnKeyEvent機能の助けを借りて、で、これが可能になりました。

正しい方法であるかどうかは不明です。

可能であれば、最良の解決策を提供してください。

Answer 2

From Roku Documents： "ButtonGroupノードクラスは、ButtonノードのVERTICALリストのレイアウト、視覚的属性、およびフォーカス管理を管理します。" Btw、私はRokuのデフォルトのボタンやButtonGroupを好きではありません。独自のボタンコンポーネントを作成できます。また、そのコンポーネントでは、onKeyイベントで、垂直および水平のボタンレイアウトに異なる動作を定義できます。それに基づいて、私はあなたのアプローチが大丈夫だと思います。

Answer 3

会社「OnKeyEvent」機能 『=「左または』右キーmybuttongroup.focusbuttonを変更するには、以下を参照してください。

function onKeyEvent(key as String,press as Boolean) as Boolean 
    if key = "left" 
      m.mybuttongroup.focusButton = 0 'left button 
      return true 
    else if key = "right" 
      m.mybuttongroup.focusButton = 1 'right button 
      return true  
    end if 
    return false 
end function 

を