MediaPortal Windows Media Center
MediaPortal Wiki > MediaPortal 1 > Contribute > Skins > Skin Architecture > Skin Controls > Tvprogress

Tvprogress

Was this page helpful?

    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: osd_progress_black.png (filled black for better visibility)

    filltexture1: osd_progress_mid_red.png

    filltexture2: osd_progress_mid.png

    filltexture3: osd_progress_mid_orange.png

    With the values Percentage1=20, Percentage2=50, Percentage3=100 the following output will be generated:

    tvprogress.png

    See also: Progress (bar)

    Changelog

    ChangeDateVersion
    Comskip / Chapter Markers for MyVideo2013/04/061.3.0 to 1.4.0
    Comskip Timeline2012/08/051.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, filltexture1 and fillbackgroundtexture
    fillbgyoff Integer Y offset of filltexture1, filltexture2, filltexture1 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

    Comskip Markers.png

    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
    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
    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
    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
    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.




    Tag page (Edit tags)
    • No tags
    Running the latest version?

    V1.7.0 - released April 2014
    Releasenews | Download
    Changelog
     | Requirements
    HTPC
    Team-MediaPortal
     
    About
    Contact |  Press
    Partners