Page tree

Search


    Recently Updated



    Latest Releases

 MediaPortal 1.16
            Releasenews | Download
 MediaPortal 2.1 Pre2 
            Releasenews | Download

Table of Contents

Description

Control GUIThumbnailControl (thumbnailpanel) is used to display Icons and Big Icons layouts in MediaPortal, sometimes referred to as Thumbs views or thumbnail views.

Changelog

Change

Date

Version

Thumbnail Panel Frames

2010/10/10

1.0.1 to 1.1.0

Thumbnailpanel Scrollbar

2010/11/05

1.1.0 to 1.2.0

New color skin tag for DVD/BluRay folders

2012/06/14

1.2.0 to 1.3.0

Shadow text

2010/10/10

1.0.1 to 1.1.0

 

 

Tags

Thumbnailpanel

Element Name

Data Type

Description

remoteColor

Long

 

playedColor

Long

 

downloadColor

Long

 

thumbPosX

Integer

Horizontal offset of the thumbnail image from the item's position

thumbPosY

Integer

Vertical offset of the thumbnail image from the item's position

thumbWidth

Integer

Width of the thumbnail image. This defines the maximum size of the thumbnail

thumbHeight

Integer

Height of the thumbnail image. This defines the maximum size of the thumbnail

itemHeight

Integer

Height of each item on the panel

itemWidth

Integer

Width of each item on the panel

textureHeight

Integer

Height of the focus texture for each item

textureWidth

Integer

Width of the focus texture for each item

itemHeightBig

Integer

Height of each item on the panel when it is in Large mode

itemWidthBig

Integer

Width of each item on the panel when it is in Large mode

thumbWidthBig

Integer

 

thumbHeightBig

Integer

 

thumbZoom

Boolean

 

enableFocusZoom

Boolean

 

textureHeightBig

Integer

Height of the focus texture for each item in Large mode

textureWidthBig

Integer

Width of the focus texture for each item in Large mode

font

String

Font used for the items label. From fonts.xml

textcolor

Long

Color used for displaying the items label. In AARRGGBB hex format

selectedColor

Long

Color used for displaying the items label when the item is selected. In AARRGGBB hex format

bdDvdDirectoryColor

Long  

[Since 1.3]   Color of the 1st label for DVD/BluRay items/folders. Default is 0xFFFFFFFF

shadowAngle

Integer

 

shadowDistance

Integer

 

shadowColor

Long

 

spinColor

Long

The colour of the text used for this spin control. In AARRGGBB hex format

spinAlign

Alignment

 

spinHeight

Integer

The height of one of the spin control buttons. The textures for this spin control will be scaled to fit this height

spinWidth

Integer

The width of one of the spin control buttons. The textures for this spin control will be scaled to fit this width

spinPosX

Integer

The horizontal position of the spin control for multipage panels. This is offset from the top left of the list

spinPosY

Integer

The vertical position of the spin control for multipage panels. This is offset from the top left of the list

scrollbarbg

String

 

scrollbartop

String

 

scrollbarbottom

String

 

scrollbarwidth

Integer

Width of scrollbar. Default is 15.

scrollbarXOff

Integer

Set a negative value to move the scrollbar to the left, or a positive value to move it to the right. Default is 0.

scrollStartDelaySec

Integer

 

scrollOffset

Integer

 

textureUp

String

The up button texture for the spin control

textureDown

String

The down button texture for the spin control

textureUpFocus

String

The up button texture for the spin control when it's focused

textureDownFocus

String

The down button texture for the spin control when it's focused

imageFolder [mask]

String

 

      mask

String

specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.

imageFolderFocus [mask]

String

 

      mask

String

specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.

thumbPosXBig

Integer

Offset of the thumbnail image from the item's position in Large mode

thumbPosYBig

Integer

Offset of the thumbnail image from the item's position in Large mode

thumbWidthBig

Integer

Width of the thumbnail image in Large mode. This defines the maximum size of the thumbnail

thumbHeightBig

Integer

Height of the thumbnail image in Large mode. This defines the maximum size of the thumbnail

folderPrefix

String

 

folderSuffix

String

 

textXOff

Integer

 

textYOff

Integer

 

zoomXPixels

Integer

 

zoomYPixels

Integer

 

hideUnfocusTexture

Boolean

 

renderFocusText

Boolean

yes -> shows the label of the item when it has focus, no -> hide text when focused

renderUnfocusText

Boolean

yes -> shows the label of items that don't have focus, no -> hide text when not focused

unfocusedAlpha

Integer

 

spinCanFocus

Boolean

 

frameNoFocus [mask]

String

The frame texture when it's not focused

      mask

String

specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.

frameFocus [mask]

String

The frame texture when it's focused

      mask

String

specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.

showFrame

Boolean

Enabel Frames on top of the Thumbs

keepaspectratio

Boolean

Set if the aspectratio of the texture needs to be preserved during rendering. Defaults false.

textureMask

String

specify a mask that defines the areas of the images that are drawn to screen. See Image Masks for more information.

Inherited by Control

See Control for the full documentation of this control.

Element Name

Data Type

Description

id

Integer

The id of the control. The id will couple the skin file to the code, so if we later on want to check that a user pressed a button, the id will be required and must be unique. For controls that will never be referenced in the code it is safe to set it to "1"

description

String

An optional description of the control for your reference

type

String

The type of the control, for instance "button", "label", "textbox" and all other controls.

posX

Integer

The X-position on the window for this control

posY

Integer

The Y-position on the window for this control

width

Integer

The width of this control

height

Integer

The height of this control

onleft

Integer

The control id to move the focus to when the user moves left. If not specified (or zero) MediaPortal will find the closest control in that direction to move to. As of v1.7.0 Skin Settings and Skin Expressions are also supported. 

onright

Integer

The control id to move the focus to when the user moves right. If not specified (or zero) MediaPortal will find the closest control in that direction to move to. As of v1.7.0 Skin Settings and Skin Expressions are also supported. 

onup

Integer

The control id to move the focus to when the user moves up. If not specified (or zero) MediaPortal will find the closest control in that direction to move to. As of v1.7.0 Skin Settings and Skin Expressions are also supported. 

ondown

Integer

The control id to move the focus to when the user moves down. If not specified (or zero) MediaPortal will find the closest control in that direction to move to. As of v1.7.0 Skin Settings and Skin Expressions are also supported. 

colordiffuse

Long

Allows you to mix a color & a graphics texture. E.g. If you have a graphics texture like a blue button you can mix it with a yellow color diffuse and the end result will be green. Defaults to 0xFFFFFFFF

dimColor

Integer

Color for a control when it is not focussed. Defaults to half transparent (0x60ffffff)

onfocus

String

[Since 1.3] Executes a MediaPortal skin function when the control gains focus.  See Skin Settings for more information.

XML Examples

<control>
    <description>default thumbnail panel</description>
    <type>thumbnailpanel</type>
    <id>11</id>
    <posX>88</posX>
    <posY>110</posY>
    <width>1179</width>
    <height>592</height>
    <spinWidth>40</spinWidth>
    <spinHeight>30</spinHeight>
    <spinPosX>1107</spinPosX>
    <spinPosY>682</spinPosY>
    <spinAlign>Right</spinAlign>
    <spinColor>ffffffff</spinColor>
    <textureUp>page_up_nofocus.png</textureUp>
    <textureDown>page_down_nofocus.png</textureDown>
    <textureUpFocus>page_up_focus.png</textureUpFocus>
    <textureDownFocus>page_down_focus.png</textureDownFocus>
    <itemWidth>145</itemWidth>
    <itemHeight>145</itemHeight>
    <textureWidth>112</textureWidth>
    <textureHeight>112</textureHeight>
    <thumbWidth>103</thumbWidth>
    <thumbHeight>105</thumbHeight>
    <thumbPosX>4</thumbPosX>
    <thumbPosY>2</thumbPosY>
    <imageFolder>icon_empty_nofocus.png</imageFolder>
    <imageFolderFocus>icon_empty_focus.png</imageFolderFocus>
    <font>font10</font>
    <selectedColor>ffffffff</selectedColor>
    <textcolor>ffffffff</textcolor>
    <colordiffuse>ffffffff</colordiffuse>
    <remoteColor>ffFFA075</remoteColor>
    <downloadColor>ff80ff80</downloadColor>
    <scrollStartDelaySec>1</scrollStartDelaySec>
    <textureWidthBig>192</textureWidthBig>
    <textureHeightBig>135</textureHeightBig>
    <itemWidthBig>252</itemWidthBig>
    <itemHeightBig>177</itemHeightBig>
    <thumbWidthBig>149</thumbWidthBig>
    <thumbHeightBig>105</thumbHeightBig>
    <thumbPosXBig>21</thumbPosXBig>
    <thumbPosYBig>15</thumbPosYBig>
    <thumbZoom>yes</thumbZoom>
    <enableFocusZoom>yes</enableFocusZoom>
    <textXOff>0</textXOff>
    <textYOff>0</textYOff>
    <showFrame>true</showFrame>
    <frameNoFocus>icon_empty_nofocus.png</frameNoFocus>
    <frameFocus>icon_empty_focus.png</frameFocus>
    <zoomXPixels>30</zoomXPixels>
    <zoomYPixels>30</zoomYPixels>
    <hideUnfocusTexture>no</hideUnfocusTexture>
    <renderFocusText>no</renderFocusText>
    <renderUnfocusText>yes</renderUnfocusText>
  </control>

   

 

This page has no comments.