jf-roku/components/ItemGrid/ItemGrid.xml

<?xml version="1.0" encoding="utf-8" ?>
<component name="ItemGrid" extends="JFGroup">
  <children>
    <VoiceTextEditBox id="VoiceBox" visible="true" width = "40" translation = "[52, 120]" />
    <Rectangle id="VoiceBoxCover" height="240" width="100" color="0x262626ff" translation = "[25, 75]" />
    <poster id="backdrop" 
      loadDisplayMode="scaleToFill"
      width="1920"
      height="1080" 
      opacity="0.25"
      />
    <poster id="backdropTransition" 
      loadDisplayMode="scaleToFill"
      width="1920"
      height="1080" 
      opacity="0.25"
      />
    <MarkupGrid 
      id = "itemGrid" 
      translation = "[ 96, 160 ]" 
      itemComponentName = "GridItem" 
      numColumns = "6" 
      numRows = "5" 
      vertFocusAnimationStyle = "fixed"
      itemSize = "[ 290, 425 ]" 
      itemSpacing = "[ 0, 45 ]" 
      drawFocusFeedback = "false" />
    <Label id="micButtonText" font="font:SmallSystemFont"  visible="false" />
    <Button id = "micButton"  maxWidth = "20" translation = "[20, 120]" iconUri = "pkg:/images/icons/mic_icon.png"/>  
    <Label translation="[0,540]" id="emptyText" font="font:LargeSystemFont" width="1910" horizAlign="center" vertAlign="center" height="64" visible="false" />
    <ItemGridOptions id="options" visible="false" />
    <Spinner id="spinner" translation="[900, 450]" />
    <Animation  id="backroundSwapAnimation"  duration="1"  repeat="false"  easeFunction="linear" >
        <FloatFieldInterpolator id = "fadeinLoading" key="[0.0, 1.0]" keyValue="[ 0.00, 0.25 ]" fieldToInterp="backdropTransition.opacity" />
        <FloatFieldInterpolator id = "fadeoutLoaded" key="[0.0, 1.0]" keyValue="[ 0.25, 0.00 ]" fieldToInterp="backdrop.opacity" />
    </Animation>
    <Alpha id="AlphaMenu" />
  </children>
  <interface>
    <field id="HomeLibraryItem" type="string"/>
    <field id="parentItem" type="node" onChange="loadInitialItems" />
    <field id="selectedItem" type="node" alwaysNotify="true" />
    <field id="quickPlayNode" type="node" alwaysNotify="true" />
    <field id="imageDisplayMode" type="string" value="scaleToZoom" />
    <field id="AlphaSelected" type="string" alias="AlphaMenu.itemAlphaSelected" alwaysNotify="true" onChange="onItemAlphaSelected" />
    <field id="alphaActive" type="boolean" value="false" />
    <field id="jumpToItem" type="integer" value="" />
  </interface>
  <script type="text/brightscript" uri="pkg:/source/utils/misc.brs" />
  <script type="text/brightscript" uri="pkg:/source/utils/config.brs" />
  <script type="text/brightscript" uri="pkg:/source/api/baserequest.brs" />
  <script type="text/brightscript" uri="pkg:/source/utils/deviceCapabilities.brs" />
  <script type="text/brightscript" uri="ItemGrid.brs" />
</component>