Visualisation Control: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
>Dankula
No edit summary
 
No edit summary
 
(10 intermediate revisions by 8 users not shown)
Line 1: Line 1:
The visualisation control is used for displaying those funky patterns that jump to the music in XBMC. You can choose the position, and size of the visualisation displayed. Note that the control is only rendered if music is being played.
<section begin="main content" />
===Example===
The visualisation control is used for displaying those funky patterns that jump to the music in Kodi. You can choose the position, and size of the visualisation displayed. Note that the control is only rendered if music is being played.
<xml>
=== Example ===
<control>
<syntaxhighlight lang="xml" enclose="div">
<control type="visualisation" id ="3">
       <description>My first visualisation control</description>
       <description>My first visualisation control</description>
       <type>visualisation</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>
       <visible>true</visible>
       <visible>true</visible>
</control>
</control>
</xml>
</syntaxhighlight>
===Available Tags===
 
Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.
=== Available tags ===
{| class="dtable"
Only the [[Default Control Tags|default control tags]] are applicable to this control.
|- class="userrow"
 
| class="usercell" | '''description'''
<section end="main content" />
| class="usercell" | Only used to make things clear for the skinner. Not read by XBMC at all.
== See also ==
|- class="userrow"
'''Development:'''
| class="usercell" | '''type'''
* [[Add-on development]]
| class="usercell" | Should be visualisation for a visualisation control.
* [[Skinning]]
|- class="userrow"
 
| class="usercell" | '''id'''
[[Category:Skin development]]
| class="usercell" | Specifies the control's id. The value is not important for the visualisation control, but should be unique from other controls.
|- class="userrow"
| class="usercell" | '''posx'''
| class="usercell" | Specifies where the left edge of the visualisation should be drawn. This is offset from the window's coordinates (normally the left edge of the screen, or 0).
|- class="userrow"
| class="usercell" | '''posy'''
| class="usercell" | Specifies where the top edge of the visualisation should be drawn. This is offset from the window's coordinates (normally the top edge of the screen, or 0).
|- class="userrow"
| class="usercell" | '''width'''
| class="usercell" | Specifies the width that should be used to draw the visualisation.
|- class="userrow"
| class="usercell" | '''height'''
| class="usercell" | Specifies the height that should be used to draw the visualisation.
|- class="userrow"
| class="usercell" | '''visible'''
| class="usercell" |
Specifies a condition as to when this control will be visible. Can be true, false, or a condition. [[Conditional Visibility|See here for more information.]] Defaults to true.
|- class="userrow"
| class="usercell" | '''animation'''
| class="usercell" |
Specifies the animation to be run when the control enters a particular state. [[Animating Your Skin|See here for more information.]]
|}

Latest revision as of 00:56, 13 July 2020

The visualisation control is used for displaying those funky patterns that jump to the music in Kodi. You can choose the position, and size of the visualisation displayed. Note that the control is only rendered if music is being played.

Example

<control type="visualisation" id ="3">
      <description>My first visualisation control</description>
      <left>80</left>
      <top>60</top>
      <width>250</width>
      <height>200</height>
      <visible>true</visible>
</control>

Available tags

Only the default control tags are applicable to this control.


See also

Development: