Spin Control: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
>Theuni
>NedBot
m (Wikitable class; cosmetic changes)
Line 1: Line 1:
The spin control is used for when a list of options can be chosen (such as a page up/down control). You can choose the position, size, and look of the spin control.
The spin control is used for when a list of options can be chosen (such as a page up/down control). You can choose the position, size, and look of the spin control.
===Example===
=== Example ===
<source lang="xml">
<source lang="xml">
<control type="spincontrol" id="14">
<control type="spincontrol" id="14">
Line 30: Line 30:
</source>
</source>


===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="dtable"
{| class="wikitable"
|- class="userrow"
|-  
| class="usercell" | '''textureup'''
| '''textureup'''
| class="usercell" |
|  
Specifies the image file which should be displayed for the up arrow when it doesn't have focus. [[Texture Attributes|See here for additional information about textures.]]
Specifies the image file which should be displayed for the up arrow when it doesn't have focus. [[Texture Attributes|See here for additional information about textures.]]
|- class="userrow"
|-  
| class="usercell" | '''textureupfocus'''
| '''textureupfocus'''
| class="usercell" | Specifies the image file which should be displayed for the up button when it has focus.
| Specifies the image file which should be displayed for the up button when it has focus.
|- class="userrow"
|-  
| class="usercell" | '''texturedown'''
| '''texturedown'''
| class="usercell" | Specifies the image file which should be displayed for the down button when it is not focused.
| Specifies the image file which should be displayed for the down button when it is not focused.
|- class="userrow"
|-  
| class="usercell" | '''texturedownfocus'''
| '''texturedownfocus'''
| class="usercell" | Specifies the image file which should be displayed for the down button when it has focus.
| Specifies the image file which should be displayed for the down button when it has focus.
|- class="userrow"
|-  
| class="usercell" | '''font'''
| '''font'''
| class="usercell" | Font used for the button label. From fonts.xml.
| Font used for the button label. From fonts.xml.
|- class="userrow"
|-  
| class="usercell" | '''textcolor'''
| '''textcolor'''
| class="usercell" | Color used for displaying the label. In AARRGGBB hex format, or a name from the [[Colour Themes|colour theme.]].
| Color used for displaying the label. In AARRGGBB hex format, or a name from the [[Colour Themes|colour theme.]].
|- class="userrow"
|-  
| class="usercell" | '''disabledcolor'''
| '''disabledcolor'''
| class="usercell" | Color used for the label if the control is disabled. In AARRGGBB hex format, or a name from the [[Colour Themes|colour theme.]]
| Color used for the label if the control is disabled. In AARRGGBB hex format, or a name from the [[Colour Themes|colour theme.]]
|- class="userrow"
|-  
| class="usercell" | '''shadowcolor'''
| '''shadowcolor'''
| class="usercell" | Specifies the color of the drop shadow on the text. In AARRGGBB format, or a name from the [[Colour Themes|colour theme.]]
| Specifies the color of the drop shadow on the text. In AARRGGBB format, or a name from the [[Colour Themes|colour theme.]]
|- class="userrow"
|-  
| class="usercell" | '''subtype'''
| '''subtype'''
| class="usercell" | Defines what type of information the spinner holds. Can be int, float, text or page. Defaults to text.  Make sure you use page for a page control.
| Defines what type of information the spinner holds. Can be int, float, text or page. Defaults to text.  Make sure you use page for a page control.
|- class="userrow"
|-  
| class="usercell" | '''align'''
| '''align'''
| class="usercell" | Label horizontal alignment on the control. Defaults to right, can also be left.
| Label horizontal alignment on the control. Defaults to right, can also be left.
|- class="userrow"
|-  
| class="usercell" | '''aligny'''
| '''aligny'''
| class="usercell" | Label vertical alignment on the control. Defaults to top, can also be center.
| Label vertical alignment on the control. Defaults to top, can also be center.
|- class="userrow"
|-  
| class="usercell" | '''textoffsetx'''
| '''textoffsetx'''
| class="usercell" | Amount to offset the label from the left (or right) edge of the button when using left or right alignment.
| Amount to offset the label from the left (or right) edge of the button when using left or right alignment.
|- class="userrow"
|-  
| class="usercell" | '''textoffsety'''
| '''textoffsety'''
| class="usercell" | Amount to offset the label from the top edge of the button when using top alignment.
| Amount to offset the label from the top edge of the button when using top alignment.
|}
|}
[[category:Skin Development]]
 
[[Category:Skin Development]]

Revision as of 07:54, 26 November 2011

The spin control is used for when a list of options can be chosen (such as a page up/down control). You can choose the position, size, and look of the spin control.

Example

<control type="spincontrol" id="14">
      <description>My first spin control</description>
      <posx>80</posx>
      <posy>60</posy>
      <width>250</width>
      <height>200</height>
      <visible>true</visible>
      <colordiffuse>FFFFFFFF</colordiffuse>
      <textureup>myuptexture.png</textureup>
      <textureupfocus>myupfocustexture.png</textureupfocus>
      <texturedown>mydowntexture.png</texturedown>
      <texturedownfocus>mydownfocustexture.png</texturedownfocus>
      <subtype>page</subtype>
      <font>font12</font>
      <textcolor>FFFFFFFF</textcolor>
      <disabledcolor>80FFFFFF</disabledcolor>
      <align></align>
      <aligny></aligny>
      <textoffsetx></textoffsetx>
      <textoffsety></textoffsety>
      <pulseonselect></pulseonselect>
      <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.

textureup

Specifies the image file which should be displayed for the up arrow when it doesn't have focus. See here for additional information about textures.

textureupfocus Specifies the image file which should be displayed for the up button when it has focus.
texturedown Specifies the image file which should be displayed for the down button when it is not focused.
texturedownfocus Specifies the image file which should be displayed for the down button when it has focus.
font Font used for the button label. From fonts.xml.
textcolor Color used for displaying the label. In AARRGGBB hex format, or a name from the colour theme..
disabledcolor Color used for the label if the control is disabled. In AARRGGBB hex format, or a name from the colour theme.
shadowcolor Specifies the color of the drop shadow on the text. In AARRGGBB format, or a name from the colour theme.
subtype Defines what type of information the spinner holds. Can be int, float, text or page. Defaults to text. Make sure you use page for a page control.
align Label horizontal alignment on the control. Defaults to right, can also be left.
aligny Label vertical alignment on the control. Defaults to top, can also be center.
textoffsetx Amount to offset the label from the left (or right) edge of the button when using left or right alignment.
textoffsety Amount to offset the label from the top edge of the button when using top alignment.
Retrieved from "https://kodi.wiki/index.php?title=Spin_Control&oldid=7059"