Slider Control: Difference between revisions
Jump to navigation
Jump to search
>Theuni |
|||
(15 intermediate revisions by 8 users not shown) | |||
Line 1: | Line 1: | ||
<section begin="main content" /> | |||
The slider control is used for things where a sliding bar best represents the operation at hand (such as a volume control or seek control). You can choose the position, size, and look of the slider control. | The slider control is used for things where a sliding bar best represents the operation at hand (such as a volume control or seek control). You can choose the position, size, and look of the slider control. | ||
===Example=== | === Example === | ||
< | <syntaxhighlight lang="xml" enclose="div"> | ||
<control type="slider" id="17"> | <control type="slider" id="17"> | ||
<description>My first slider control</description> | <description>My first slider control</description> | ||
< | <left>80</left> | ||
< | <top>60</top> | ||
<width>250</width> | <width>250</width> | ||
<height>30</height> | <height>30</height> | ||
<visible>true</visible> | <visible>true</visible> | ||
< | <texturesliderbar>mybackgroundtexture.png</texturesliderbar> | ||
<texturesliderbardisabled>mydisabledbackgroundtexture.png</texturesliderbardisabled> | |||
<textureslidernib>mydowntexture.png</textureslidernib> | <textureslidernib>mydowntexture.png</textureslidernib> | ||
<textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus> | <textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus> | ||
<textureslidernibdisabled>mydowndisabledtexture.png</textureslidernibdisabled> | |||
<info></info> | <info></info> | ||
<action></action> | |||
<controloffsetx></controloffsetx> | <controloffsetx></controloffsetx> | ||
<controloffsety></controloffsety> | <controloffsety></controloffsety> | ||
<pulseonselect></pulseonselect> | <pulseonselect></pulseonselect> | ||
<orientation>horizontal</orientation> | |||
<onup>2</onup> | <onup>2</onup> | ||
<ondown>3</ondown> | <ondown>3</ondown> | ||
Line 21: | Line 26: | ||
<onright>1</onright> | <onright>1</onright> | ||
</control> | </control> | ||
</ | </syntaxhighlight> | ||
===Available | === Available tags === | ||
In addition to the [[Default Control Tags]] the following tags are available. | In addition to the [[Default Control Tags]] the following tags are available. Note that each tag is '''lower case''' only. This is important, as xml tags are case-sensitive. | ||
{| class=" | |||
|- | {| class="prettytable" | ||
| | ! Tag !! Description | ||
|- | |||
| '''texturesliderbar''' | |||
| | |||
Specifies the image file which should be displayed in the background of the slider control. [[Texture Attributes|See here for additional information about textures.]] | Specifies the image file which should be displayed in the background of the slider control. [[Texture Attributes|See here for additional information about textures.]] | ||
|- | |- | ||
| | | '''texturesliderbardisabled''' | ||
| | | | ||
|- | Specifies the image file which should be displayed in the background of the slider control when it is disabled. (v21+) | ||
| | |- | ||
| | | '''textureslidernib''' | ||
|- | | Specifies the image file which should be displayed for the slider nib. | ||
| | |- | ||
| | | '''textureslidernibfocus''' | ||
|- | | Specifies the image file which should be displayed for the slider nib when it has focus. | ||
| | |- | ||
| | | '''textureslidernibdisabled''' | ||
|- | | Specifies the image file which should be displayed for the slider nib when it it is disabled. (v21+) | ||
| | |- | ||
| | | '''controloffsetx''' | ||
Specifies the information that the slider controls. [[InfoLabels|See here for more information.]] | | Amount to offset the slider background texture from the left edge of the control. Only useful if a value is being rendered as well (ie in int or float mode). | ||
|- | |||
| '''controloffsety''' | |||
| Amount to offset the slider background texture from the top edge of the control. | |||
|- | |||
| '''info''' | |||
| Specifies the information that the slider controls. [[InfoLabels|See here for more information.]] | |||
|- | |||
| '''action''' | |||
| Can be 'volume' to adjust the volume, 'seek' to change the seek position or 'pvr.seek' for timeshifting in PVR | |||
|- | |||
| '''orientation''' | |||
| Can be horizontal or vertical (default). | |||
|} | |} | ||
[[ | |||
<section end="main content" /> | |||
== See also == | |||
'''Development:''' | |||
* [[Add-on development]] | |||
* [[Skinning]] | |||
[[Category:Skin development]] |
Latest revision as of 03:18, 4 May 2023
The slider control is used for things where a sliding bar best represents the operation at hand (such as a volume control or seek control). You can choose the position, size, and look of the slider control.
Example
<control type="slider" id="17"> <description>My first slider control</description> <left>80</left> <top>60</top> <width>250</width> <height>30</height> <visible>true</visible> <texturesliderbar>mybackgroundtexture.png</texturesliderbar> <texturesliderbardisabled>mydisabledbackgroundtexture.png</texturesliderbardisabled> <textureslidernib>mydowntexture.png</textureslidernib> <textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus> <textureslidernibdisabled>mydowndisabledtexture.png</textureslidernibdisabled> <info></info> <action></action> <controloffsetx></controloffsetx> <controloffsety></controloffsety> <pulseonselect></pulseonselect> <orientation>horizontal</orientation> <onup>2</onup> <ondown>3</ondown> <onleft>1</onleft> <onright>1</onright> </control>
Available tags
In addition to the Default Control Tags the following tags are available. Note that each tag is lower case only. This is important, as xml tags are case-sensitive.
Tag | Description |
---|---|
texturesliderbar |
Specifies the image file which should be displayed in the background of the slider control. See here for additional information about textures. |
texturesliderbardisabled |
Specifies the image file which should be displayed in the background of the slider control when it is disabled. (v21+) |
textureslidernib | Specifies the image file which should be displayed for the slider nib. |
textureslidernibfocus | Specifies the image file which should be displayed for the slider nib when it has focus. |
textureslidernibdisabled | Specifies the image file which should be displayed for the slider nib when it it is disabled. (v21+) |
controloffsetx | Amount to offset the slider background texture from the left edge of the control. Only useful if a value is being rendered as well (ie in int or float mode). |
controloffsety | Amount to offset the slider background texture from the top edge of the control. |
info | Specifies the information that the slider controls. See here for more information. |
action | Can be 'volume' to adjust the volume, 'seek' to change the seek position or 'pvr.seek' for timeshifting in PVR |
orientation | Can be horizontal or vertical (default). |
See also
Development: