Resize control: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
>Dankula
 
No edit summary
 
(14 intermediate revisions by 8 users not shown)
Line 1: Line 1:
The resize control is used to specify an area of changeable ratio for use in the screen calibration portion of XBMC. You can choose the size, and look of the resizer.
<section begin="main content" />
===Example===
The resize control is used to specify an area of changeable ratio for use in the screen calibration portion of Kodi. You can choose the size, and look of the resizer.
<xml>
=== Example ===
<control>
<syntaxhighlight lang="xml" enclose="div">
<control type="resize" id="3">
       <description>My first resize control</description>
       <description>My first resize control</description>
       <type>resize</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===
 
Note that each tag is '''lower case only.''' This is important, as xml tags are case-sensitive.
=== Available tags ===
{| class="dtable"
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="userrow"
{| class="prettytable"
| class="usercell" | '''description'''
! Tag !! Description
| class="usercell" | Only used to make things clear for the skinner. Not read by XBMC at all.
|-  
|- class="userrow"
| '''texturefocus'''
| class="usercell" | '''type'''
|  
| class="usercell" | Should be resize for an resize control.
Specifies the image file which should be displayed when the resizer has focus. [[Texture Attributes|See here for additional information about textures.]]
|- class="userrow"
|-  
| class="usercell" | '''id'''
| '''texturenofocus'''
| 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. Any other controls that the skinner adds can be any id they like. Most image controls can be id 0 or id 1, as the only information they display is specified either in the <texture> or <info> tags.
| Specifies the image file which should be displayed when the resizer does not have focus.
|- 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 resize 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 resize 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 resizer 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 resizer 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 resizer 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 resizer does not have focus.
|- class="userrow"
| class="usercell" | '''pulseonselect'''
| class="usercell" | If true, the resizer 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 resize control is used to specify an area of changeable ratio for use in the screen calibration portion of Kodi. You can choose the size, and look of the resizer.

Example

<control type="resize" id="3">
      <description>My first resize 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 resizer has focus. See here for additional information about textures.

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


See also

Development:

Retrieved from "https://kodi.wiki/index.php?title=Resize_control&oldid=216233"