Wiki Navigation
- Loading...
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 |
|---|---|---|
2010/10/10 |
1.0.1 to 1.1.0 |
|
2010/11/05 |
1.1.0 to 1.2.0 |
|
2012/06/14 |
1.2.0 to 1.3.0 |
|
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.