jf-roku/components/music/AlbumView.xml

<?xml version="1.0" encoding="utf-8" ?>
<component name="AlbumView" extends="JFScreen">
  <children>
    <LayoutGroup id="toplevel" layoutDirection="vert" itemSpacings="[-10]" >
      <LayoutGroup id="main_group" layoutDirection="horiz" itemSpacings="[15]" >
        <LayoutGroup layoutDirection="vert" itemSpacings="[15]">
          <Poster id="albumCover" width="450" height="450" />
          <Label id="numberofsongs" width="450" height="25" />
          <Label id="genres" width="450" height="25" />
          <Label id="runtime" width="450" height="25" />
          <Label id="released" width="450" height="25" />
          <JFButton id="playAlbum" minChars="8" text="Play Album"></JFButton>
          <JFButton id="instantMix" minChars="8" text="Instant Mix"></JFButton>
        </LayoutGroup>
        <LayoutGroup id="infoGroup" layoutDirection="vert" itemSpacings="[15]">
          <Label id="overview" wrap="true" height="310" width="1250" ellipsisText=" ...  (Press * to read more)" />
          <Rectangle id='songListRect' translation="[-30, 0]" width="1260" height="510" color="0x202020ff">
            <AlbumTrackList id="songList" translation="[45, 25]" itemSize="[1170,60]" numRows="7" />
          </Rectangle>
        </LayoutGroup>
      </LayoutGroup>
    </LayoutGroup>
    <Spinner id="spinner" translation="[920, 540]" visible="false" />
  </children>
  <interface>
    <field id="pageContent" type="node" onChange="pageContentChanged" />
    <field id="albumData" type="assocarray" alias="songList.MusicArtistAlbumData" />
    <field id="playSong" alias="songList.itemSelected" />
    <field id="playAllSelected" alias="playAlbum.buttonSelected" />
    <field id="instantMixSelected" alias="instantMix.buttonSelected" />
  </interface>
  <script type="text/brightscript" uri="pkg:/source/utils/misc.brs" />
  <script type="text/brightscript" uri="AlbumView.brs" />
</component>