Wiki Navigation
- Loading...
Description
A progress bar that offers more functionality than the standard GuiProgressControl and is used among others in the OSD when watching TV.
Images
Image examples of textures from the blue3 example shown above:
toptexture:
(filled black for better visibility)filltexture1:
filltexture2:
filltexture3:
With the values Percentage1=20, Percentage2=50, Percentage3=100 the following output will be generated:
See also: Progress (bar)
Changelog
Change | Date | Version |
---|---|---|
2013/04/06 | 1.3.0 to 1.4.0 | |
2012/08/05 | 1.2.0 to 1.3.0 | |
Tags
Tvprogress
Element Name | Data Type | Description |
---|---|---|
textcolor | Long | The color used for the labels |
font | String | The font used for the labels |
startlabel | String | Label that is drawn at the beginning of the progress bar |
endlabel | String | Label that is drawn at the end of the progress bar |
toplabel | String | Label that is drawn within the progress bar at the position of the second value. |
fillbackgroundtexture | String | A background texture for the whole length of the progress bar |
fillbgxoff | Integer | X offset of filltexture1, filltexture2, filltexture3, and fillbackgroundtexture |
fillbgyoff | Integer | Y offset of filltexture1, filltexture2, filltexture3, and fillbackgroundtexture |
fillheight | Integer | Height of filltexture1, filltexture2, and filltexture3 |
label | String | The percentage value of the first bar |
label1 | String | The percentage value of the second bar |
label2 | String | The percentage value of the third bar |
labelmarkerstarts | String | [since 1.3.0 alpha]: A space delimited list of the start points of markers (commercials, etc). |
labelmarkerends | String | [since 1.3.0 alpha]: A space delimited list of the end points of markers (commercials, etc). |
TextureOffsetY | Integer | Y offset of toptexture |
toptexture | String | Image indicating the current position of the video, drawn outside bar |
bottomtexture | String | Image indicating the current position of the video, drawn inside bar |
lefttexture | String | Texture for the left part surrounding the progress bar |
midtexture | String | Texture for the middle part surrounding the progress bar |
righttexture | String | Texture for the right part surrounding the progress bar |
texturetick | String | Texture that is used (for the difference) when the value of the second bar changes. |
filltexture1 | String | The texture of the progressbar for the first value |
filltexture2 | String | The texture of the progressbar for the second value |
filltexture3 | String | The texture of the progressbar for the third value |
markertexture | String | [since 1.3.0 alpha]: The texture of the markers (commercials). |
logotexture | String | Texture of a logo which is drawn at the position of the second progress bar (label1) |
XML/Code Samples
<control> <description>TV Progress Bar</description> <type>tvprogress</type> <id>1</id> <posX>90</posX> <posY>485</posY> <width>362</width> <height>14</height> <toptexture>osd_progress_indicator.png</toptexture> <TextureOffsetY>16</TextureOffsetY> <bottomtexture>-</bottomtexture> <texturetick>-</texturetick> <lefttexture>-</lefttexture> <midtexture>-</midtexture> <righttexture>-</righttexture> <logotexture>-</logotexture> <fillbackgroundtexture>-</fillbackgroundtexture> <fillbgxoff>0</fillbgxoff> <fillbgyoff>0</fillbgyoff> <filltexture1>osd_progress_mid_red.png</filltexture1> <filltexture2>osd_progress_mid_green.png</filltexture2> <filltexture3>osd_progress_mid_orange.png</filltexture3> <markertexture>osd_progress_mid_orange.png</markertexture> <fillheight>14</fillheight> <label>#TV.Record.percent1</label> <label1>#TV.Record.percent2</label1> <label2>#TV.Record.percent3</label2> <labelmarkerstarts>#TV.Record.jumppoints</labelmarkerstarts> <labelmarkerends>#TV.Record.chapters</labelmarkerends> <startlabel /> <endlabel /> <toplabel /> <font>font10</font> <textcolor>FFffffff</textcolor> <visible>!control.hasfocus(1237)</visible> </control>
Screenshots
Inherited by Control
See GUIControl 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. |
This page has no comments.