Settings Slider Control: Difference between revisions
>DonJ No edit summary |
>Jmarshall No edit summary |
||
Line 2: | Line 2: | ||
===Example=== | ===Example=== | ||
<xml> | <xml> | ||
<control> | <control type="sliderex" id="12"> | ||
<description>My first settings slider control</description> | <description>My first settings slider control</description> | ||
<posx>80</posx> | <posx>80</posx> | ||
<posy>60</posy> | <posy>60</posy> | ||
Line 32: | Line 30: | ||
</xml> | </xml> | ||
===Available Tags=== | ===Available Tags=== | ||
Note that each tag is '''lower case | 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="dtable" | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''sliderwidth''' | | class="usercell" | '''sliderwidth''' | ||
Line 61: | Line 38: | ||
| class="usercell" | '''sliderheight''' | | class="usercell" | '''sliderheight''' | ||
| class="usercell" | Specifies the height of the slider portion of the slider control (ie without the text value, if present). The texture image for the slider background will be resized to fit into this height, and the nib textures will be resized by the same amount. | | class="usercell" | Specifies the height of the slider portion of the slider control (ie without the text value, if present). The texture image for the slider background will be resized to fit into this height, and the nib textures will be resized by the same amount. | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''texturefocus''' | | class="usercell" | '''texturefocus''' | ||
| class="usercell" | | | class="usercell" | | ||
Specifies the image file which should be displayed for the control when it has focus. | Specifies the image file which should be displayed for the control when it has focus. [[Texture Attributes|See here for additional information about textures.]] | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''texturenofocus''' | | class="usercell" | '''texturenofocus''' | ||
Line 93: | Line 62: | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''textcolor''' | | class="usercell" | '''textcolor''' | ||
| class="usercell" | Color used for displaying the label. In AARRGGBB hex format. | | class="usercell" | Color used for displaying the label. In AARRGGBB hex format, or a name from the [[Colour Themes|colour theme.]] | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''disabledcolor''' | | class="usercell" | '''disabledcolor''' | ||
| class="usercell" | Color used for the label if the control is disabled. | | 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.]] | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''shadowcolor''' | | class="usercell" | '''shadowcolor''' | ||
| class="usercell" | Specifies the color of the drop shadow on the text | | class="usercell" | Specifies the color of the drop shadow on the text. In AARRGGBB hex format, or a name from the [[Colour Themes|colour theme.]] | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''textoffsetx''' | | class="usercell" | '''textoffsetx''' | ||
| class="usercell" | Amount to offset the label from the left edge of the control. | | class="usercell" | Amount to offset the label from the left edge of the control. | ||
|- class="userrow" | |- class="userrow" | ||
| class="usercell" | '''info''' | | class="usercell" | '''info''' | ||
| class="usercell" | | | class="usercell" | | ||
Specifies the information that the slider controls. [[InfoLabels|See here for more information.]] | Specifies the information that the slider controls. [[InfoLabels|See here for more information.]] | ||
|} | |} | ||
[[category:Skin Development]] | [[category:Skin Development]] |
Revision as of 07:03, 24 July 2007
The settings slider control is used in the settings screens for when an option is best specified on a sliding scale. You can choose the position, size, and look of the slider control. It is basically a cross between the button control and a slider control. It has a label and focus and non focus textures, as well as a slider control on the right.
Example
<xml> <control type="sliderex" id="12">
<description>My first settings slider control</description> <posx>80</posx> <posy>60</posy> <width>250</width> <height>200</height> <sliderwidth>100</sliderwidth> <sliderheight>20</sliderheight> <visible>true</visible> <texturefocus>myfocustexture.png</texturefocus> <texturenofocus>mynofocustexture.png</texturenofocus> <texturebg>mybackgroundtexture.png</texturebg> <textureslidernib>mydowntexture.png</textureslidernib> <textureslidernibfocus>mydownfocustexture.png</textureslidernibfocus> <info></info> <label>46</label> font12 <textcolor>FFFFFFFF</textcolor> <disabledcolor>80FFFFFF</disabledcolor> <textoffsetx></textoffsetx> <pulseonselect></pulseonselect> <onup>2</onup> <ondown>3</ondown> <onleft>1</onleft> <onright>1</onright>
</control> </xml>
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.
sliderwidth | Specifies the width of the slider portion of the slider control (ie without the text value, if present). The texture image for the slider background will be resized to fit into this width, and the nib textures will be resized by the same amount. |
sliderheight | Specifies the height of the slider portion of the slider control (ie without the text value, if present). The texture image for the slider background will be resized to fit into this height, and the nib textures will be resized by the same amount. |
texturefocus |
Specifies the image file which should be displayed for the control when it has focus. See here for additional information about textures. |
texturenofocus | Specifies the image file which should be displayed for the control when it doesn't focus. |
texturebg | Specifies the image file which should be displayed in the background of the slider portion of the control. Will be positioned so that the right edge is <textoffsetx> away from the right edge of the <texturefocus> image, and centered vertically. |
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. |
label | Either a numeric reference into strings.xml (for localization), or a string that will be shown on the left of the control. |
font | Font used for the controls 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 hex format, or a name from the colour theme. |
textoffsetx | Amount to offset the label from the left edge of the control. |
info |
Specifies the information that the slider controls. See here for more information. |