Difference between revisions of "GUIVariable"
(→Simple types: convert to wikitable formatting) |
m (Remove redundant extra pipes) |
||
Line 10: | Line 10: | ||
|- | |- | ||
| <span id="unsigned">unsigned</span> | | <span id="unsigned">unsigned</span> | ||
− | + | | Unsigned number (positive whole numbers and zero). | |
|- | |- | ||
| <span id="f_unsigned">f_unsigned</span> | | <span id="f_unsigned">f_unsigned</span> | ||
− | + | | Unsigned number or formula returning an unsigned number. | |
|- | |- | ||
| <span id="int">int</span> | | <span id="int">int</span> | ||
− | + | | Signed number (whole numbers). | |
|- | |- | ||
| <span id="f_int">f_int</span> | | <span id="f_int">f_int</span> | ||
− | + | | Signed number or formula returning an signed number. | |
|- | |- | ||
| <span id="bool">bool</span> | | <span id="bool">bool</span> | ||
− | + | | A boolean value accepts the normal values as the rest of the game. | |
|- | |- | ||
| <span id="f_bool">f_bool</span> | | <span id="f_bool">f_bool</span> | ||
− | + | | Boolean value or a formula returning a boolean value. | |
|- | |- | ||
| <span id="string">string</span> | | <span id="string">string</span> | ||
− | + | | A text. | |
|- | |- | ||
| <span id="tstring">tstring</span> | | <span id="tstring">tstring</span> | ||
− | + | | A translatable string. | |
|- | |- | ||
| <span id="f_tstring">f_tstring</span> | | <span id="f_tstring">f_tstring</span> | ||
− | + | | Formula returning a translatable string. | |
|- | |- | ||
| <span id="function">function</span> | | <span id="function">function</span> | ||
− | + | | A string containing a set of function definition for the formula language. | |
|- | |- | ||
| <span id="color">color</span> | | <span id="color">color</span> | ||
− | + | | A string which contains the color, this a group of 4 numbers between 0 and 255 separated by a comma. The numbers are red component, green component, blue component and alpha. A color of 0 is not available. An alpha of 255 is fully transparent. Omitted values are set to 0. | |
|- | |- | ||
| <span id="font_style">font_style</span> | | <span id="font_style">font_style</span> | ||
− | + | | A string which contains the style of the font: | |
* normal normal font | * normal normal font | ||
* bold bold font | * bold bold font | ||
Line 51: | Line 51: | ||
|- | |- | ||
| <span id="v_align">v_align</span> | | <span id="v_align">v_align</span> | ||
− | + | | Vertical alignment; how an item is aligned vertically in the available space. Possible values: | |
* top aligned at the top | * top aligned at the top | ||
* bottom aligned at the bottom | * bottom aligned at the bottom | ||
Line 58: | Line 58: | ||
|- | |- | ||
| <span id="h_align">h_align</span> | | <span id="h_align">h_align</span> | ||
− | + | | Horizontal alignment; how an item is aligned horizontally in the available space. Possible values: | |
* left aligned at the left side | * left aligned at the left side | ||
* right aligned at the right side | * right aligned at the right side | ||
Line 64: | Line 64: | ||
|- | |- | ||
| <span id="f_h_align">f_h_align</span> | | <span id="f_h_align">f_h_align</span> | ||
− | + | | A horizontal alignment or a formula returning a horizontal alignment. | |
|- | |- | ||
| <span id="border">border</span> | | <span id="border">border</span> | ||
− | + | | Comma separated list of borders to use. Possible values: | |
* left border at the left side | * left border at the left side | ||
* right border at the right side | * right border at the right side | ||
Line 75: | Line 75: | ||
|- | |- | ||
| <span id="scrollbar_mode">scrollbar_mode</span> | | <span id="scrollbar_mode">scrollbar_mode</span> | ||
− | + | | How to show the scrollbar of a widget. Possible values: | |
* always The scrollbar is always shown, regardless whether it's required or not. | * always The scrollbar is always shown, regardless whether it's required or not. | ||
* never The scrollbar is never shown, even not when needed. (Note when setting this mode dialogs might not properly fit anymore). | * never The scrollbar is never shown, even not when needed. (Note when setting this mode dialogs might not properly fit anymore). | ||
Line 83: | Line 83: | ||
|- | |- | ||
| <span id="resize_mode">resize_mode</span> | | <span id="resize_mode">resize_mode</span> | ||
− | + | | Determines how an image is resized. Possible values: | |
* scale The image is scaled. | * scale The image is scaled. | ||
* stretch The first row or column of pixels is copied over the entire image. (Can only be used to scale resize in one direction, else falls back to scale.) | * stretch The first row or column of pixels is copied over the entire image. (Can only be used to scale resize in one direction, else falls back to scale.) | ||
Line 89: | Line 89: | ||
|- | |- | ||
| <span id="grow_direction">grow_direction</span> | | <span id="grow_direction">grow_direction</span> | ||
− | + | | Determines how an image is resized. Possible values: | |
* scale The image is scaled. | * scale The image is scaled. | ||
* stretch The first row or column of pixels is copied over the entire image. (Can only be used to scale resize in one direction, else falls back to scale.) | * stretch The first row or column of pixels is copied over the entire image. (Can only be used to scale resize in one direction, else falls back to scale.) |
Revision as of 03:05, 7 May 2024
Variables
In various parts of the GUI there are several variables types in use. This page describes them.
Simple types
The simple types are types which have one value or a short list of options.
Variable | Description |
---|---|
unsigned | Unsigned number (positive whole numbers and zero). |
f_unsigned | Unsigned number or formula returning an unsigned number. |
int | Signed number (whole numbers). |
f_int | Signed number or formula returning an signed number. |
bool | A boolean value accepts the normal values as the rest of the game. |
f_bool | Boolean value or a formula returning a boolean value. |
string | A text. |
tstring | A translatable string. |
f_tstring | Formula returning a translatable string. |
function | A string containing a set of function definition for the formula language. |
color | A string which contains the color, this a group of 4 numbers between 0 and 255 separated by a comma. The numbers are red component, green component, blue component and alpha. A color of 0 is not available. An alpha of 255 is fully transparent. Omitted values are set to 0. |
font_style | A string which contains the style of the font:
Since SDL has problems combining these styles only one can be picked. Once SDL will allow multiple options, this type will be transformed to a comma separated list. If empty we default to the normal style. Since the render engine is replaced by Pango markup this field will change later on. Note widgets that allow marked up text can use markup to change the font style. |
v_align | Vertical alignment; how an item is aligned vertically in the available space. Possible values:
When nothing is set or an another value as in the list the item is centered. |
h_align | Horizontal alignment; how an item is aligned horizontally in the available space. Possible values:
|
f_h_align | A horizontal alignment or a formula returning a horizontal alignment. |
border | Comma separated list of borders to use. Possible values:
|
scrollbar_mode | How to show the scrollbar of a widget. Possible values:
Use auto when the list can be changed dynamically eg the game list in the lobby. For optimization you can also use auto when you really expect a scrollbar, but don't want it to be shown when not needed eg the language list will need a scrollbar on most screens. |
resize_mode | Determines how an image is resized. Possible values:
|
grow_direction | Determines how an image is resized. Possible values:
|
Section types
For more complex parts, there are sections. Sections contain of several lines of WML and can have sub sections. For example a grid has sub sections which contain various widgets. Here's the list of sections.
Variable | description |
---|---|
section | A generic section. The documentation about the section should describe the section in further detail. |
grid | A grid contains several widgets. (TODO add link to generic grid page.) |