Page tree

  Wiki Navigation

    Loading...


 Recently Updated


 Latest Releases

 MediaPortal 1.32
            Releasenews | Download
 MediaPortal 2.5
            Releasenews | Download


Purpose

  • Required:  No
  • Type of Change:  Feature

A new facade layout for displaying a list of items that resembles the iphone style coverflow as shown in the following video:

Coverflow can be selected like any other layout (list, icons, filmstrip etc.)

Description of Change

A new control has been added GuiCoverFlow (coverflow).  It not only provides a unique layout display, but it also enables the cover to be 'flipped' so that additonal information displays on the reverse of the cover by using F3 on the keyboard or the Show Info key on the remote (usually the yellow button on MCE Remotes)

See also:  Using MediaPortal > Basics > Layouts > CoverFlow

Additional Information and References

  • Mantis Issue:
  • Related xml(s):  all xmls where coverflow control is used
  • Window ID:  all windows where GUICoverFlow class is used
  • Related GUI property/control:  GUICoverFlow (coverflow)

XML/Code Samples

The following code example shows the coverflow control as used in the Blue3Wide skin (common.facade.video.xml)

<control>
          <description>Cover Flow view</description>
          <type>coverflow</type>
          <colordiffuse>90ffffff</colordiffuse>
          <dimColor>90ffffff</dimColor>
          <id>50</id>
          <posX>0</posX>
          <posY>200</posY>
          <width>1280</width>
          <height>720</height>
          <onup>2</onup>
          <onleft>2</onleft>
          <selectedCard>0</selectedCard>
          <cardWidth>250</cardWidth>
          <cardHeight>360</cardHeight>
          <angle>45</angle>
          <sideShift>220</sideShift>
          <sideGap>150</sideGap>
          <sideDepth>250</sideDepth>
          <offsetY>20</offsetY>
          <selectedOffsetY>0</selectedOffsetY>
          <speed>5</speed>
          <backgroundHeight>250</backgroundHeight>
          <backgroundWidth>1280</backgroundWidth>
          <backgroundX>0</backgroundX>
          <backgroundY>470</backgroundY>
          <backgroundDiffuse>FF000000</backgroundDiffuse>
          <background>background2.png</background>
          <showBackground>yes</showBackground>
          <foregroundHeight>720</foregroundHeight>
          <foregroundWidth>1280</foregroundWidth>
          <foregroundX>0</foregroundX>
          <foregroundY>0</foregroundY>
          <foregroundDiffuse>FF000000</foregroundDiffuse>
          <foreground>coverflow_foreground.png</foreground>
          <showForeground>no</showForeground>
          <showFrame>yes</showFrame>
          <frame>Picture_cover2.png</frame>
          <frameFocus>Picture_cover2.png</frameFocus>
          <frameWidth>250</frameWidth>
          <frameHeight>360</frameHeight>
          <spinSpeed>8</spinSpeed>
          <unfocusedAlpha>FF</unfocusedAlpha>
          <folderPrefix>[</folderPrefix>
          <folderSuffix>]</folderSuffix>
          <font1>font13</font1>
          <font2>font10</font2>
          <label1>#title</label1>
          <label2>#genre</label2>
          <textColor>FFFFFFFF</textColor>
          <remoteColor>FFFF0000</remoteColor>
          <playedColor>FFA0D0FF</playedColor>
          <downloadColor>FF00FF00</downloadColor>
          <selectedColor>FFFFFFFF</selectedColor>
          <shadowAngle>45</shadowAngle>
          <shadowDistance>0</shadowDistance>
          <shadowColor>FF000000</shadowColor>
          <label1YOff>405</label1YOff>
          <label2YOff>430</label2YOff>
          <pageSize>5</pageSize>
          <scrollbarBackground>bar_hor.png</scrollbarBackground>
          <scrollbarLeft>mouse_left_horizontal.png</scrollbarLeft>
          <scrollbarRight>mouse_right_horizontal.png</scrollbarRight>
          <scrollbarYOff>455</scrollbarYOff>
          <showScrollbar>yes</showScrollbar>
          <cards flipY="yes" diffuse="Thumb_Mask.png" mask="video_poster_mask.png"></cards>
          <subitems>
            <subitem>
              <![CDATA[
                <controls>
                  <control>
                    <description>background</description>
                    <type>image</type>
                    <posX>0</posX>
                    <posY>0</posY>
                    <width>250</width>
                    <height>360</height>
                    <texture flipY="yes" diffuse="Thumb_Mask.png" mask="video_poster_mask.png">background2.png</texture>
                  </control>

                  <control>
                    <description>Movie Details</description>
                    <type>label</type>
                    <posX>20</posX>
                    <posY>10</posY>
                    <width>210</width>
                    <label>Movie Details</label>
                    <font>font10</font>
                    <textcolor>FFFFFFFF</textcolor>
                  </control>
                </controls>
              ]]>
            </subitem>
          </subitems>
        </control>

Screenshots

   

 

This page has no comments.