Mover Control: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
>Dankula
 
No edit summary
 
(13 intermediate revisions by 8 users not shown)
Line 1: Line 1:
The mover control is used for the screen calibration portions of XBMC. You can choose the size and look of the mover control.
<section begin="main content" />
===Example===
The mover control is used for the screen calibration portions of Kodi. You can choose the size and look of the mover control.
<xml>
=== Example ===
<control>
<syntaxhighlight lang="xml" enclose="div">
<control type="mover" id="3">
       <description>My first mover control</description>
       <description>My first mover control</description>
       <type>mover</type>
       <left>80</left>
      <id>1</id>
       <top>60</top>
      <posx>80</posx>
       <posy>60</posy>
       <width>250</width>
       <width>250</width>
       <height>200</height>
       <height>200</height>
Line 14: Line 13:
       <pulseonselect>true</pulseonselect>
       <pulseonselect>true</pulseonselect>
</control>
</control>
</xml>
</syntaxhighlight>


===Available Tags===
=== Available tags ===
Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.
In addition to the [[Default Control Tags|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="prettytable"
|- class="userrow"
! Tag !! Description
| class="usercell" | '''description'''
|-  
| class="usercell" | Only used to make things clear for the skinner. Not read by XBMC at all.
| '''texturefocus'''
|- class="userrow"
|  
| class="usercell" | '''type'''
Specifies the image file which should be displayed when the mover has focus. [[Texture Attributes|See here for additional information about textures.]]
| class="usercell" | Should be mover for a mover control.
|-  
|- class="userrow"
| '''texturenofocus'''
| class="usercell" | '''id'''
| Specifies the image file which should be displayed when the mover does not have focus.
| class="usercell" | Specifies the control's id. The value this takes depends on the control type, and the window that you are using the control on. There are special control id's that must be present in each window.
|- class="userrow"
| class="usercell" | '''posx'''
| class="usercell" | Specifies where the left edge of the image should be drawn. This is offset from the window's coordinates (normally the left edge of the screen, or 0). As the mover control is always centered, this is ignored.
|- class="userrow"
| class="usercell" | '''posy'''
| class="usercell" | Specifies where the top edge of the image should be drawn. This is offset from the window's coordinates (normally the top edge of the screen, or 0). As the mover control is always centered, this is ignored.
|- class="userrow"
| class="usercell" | '''width'''
| class="usercell" | Specifies the width that should be used to draw the image. The mover will be resized to fit into this width.
|- class="userrow"
| class="usercell" | '''height'''
| class="usercell" | Specifies the height that should be used to draw the image. The mover will be resized to fit into this height.
|- class="userrow"
| class="usercell" | '''texturefocus'''
| class="usercell" |
Specifies the image file which should be displayed when the mover has focus. You can use animated gif's, jpgs, pngs, or bmps. This should be the path to the image file from the media/ folder of your skin directory. XBMC will first look inside the compresses Textures.xpr file, and if not found, will look inside the media/ folder for the actual skin file. Compressing textures into Textures.xpr means far faster loading times.  
|- class="userrow"
| class="usercell" | '''texturenofocus'''
| class="usercell" | Specifies the image file which should be displayed when the mover does not have focus.
|- class="userrow"
| class="usercell" | '''pulseonselect'''
| class="usercell" | If true, the mover will “pulse” when selected.
|}
|}
<section end="main content" />
== See also ==
'''Development:'''
* [[Add-on development]]
* [[Skinning]]
[[Category:Skin development]]

Latest revision as of 00:57, 13 July 2020

The mover control is used for the screen calibration portions of Kodi. You can choose the size and look of the mover control.

Example

<control type="mover" id="3">
      <description>My first mover control</description>
      <left>80</left>
      <top>60</top>
      <width>250</width>
      <height>200</height>
      <texturefocus>mytexture.png</texturefocus>
      <texturenofocus>mytexture.png</texturenofocus>
      <pulseonselect>true</pulseonselect>
</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
texturefocus

Specifies the image file which should be displayed when the mover has focus. See here for additional information about textures.

texturenofocus Specifies the image file which should be displayed when the mover does not have focus.


See also

Development: