Slider Control: Difference between revisions
Jump to navigation
Jump to search
m (Bot: Automated text replacement (-class="wikitable" +class="prettytable" & -Available Tags +Available tags & -<source +<syntaxhighlight & -</source> +</syntaxhighlight>)) |
No edit summary |
||
(5 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
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"> | <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> | ||
Line 18: | Line 18: | ||
<controloffsety></controloffsety> | <controloffsety></controloffsety> | ||
<pulseonselect></pulseonselect> | <pulseonselect></pulseonselect> | ||
<orientation>horizontal</orientation> | |||
<onup>2</onup> | <onup>2</onup> | ||
<ondown>3</ondown> | <ondown>3</ondown> | ||
Line 27: | Line 28: | ||
=== Available tags === | === 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. | 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="prettytable" | {| class="prettytable" | ||
! Tag !! Description | |||
|- | |- | ||
| '''texturesliderbar''' | | '''texturesliderbar''' | ||
Line 49: | Line 52: | ||
|- | |- | ||
| '''action''' | | '''action''' | ||
| Can be 'volume' to adjust the volume | | 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" /> | <section end="main content" /> | ||
== See also == | == See also == | ||
'''Development:''' | '''Development:''' | ||
Line 58: | Line 65: | ||
* [[Skinning]] | * [[Skinning]] | ||
[[Category:Skin | [[Category:Skin development]] |
Revision as of 18:26, 27 January 2019
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> <textureslidernib>mydowntexture.png</textureslidernib> <textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus> <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. |
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. |
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: