Difference between revisions of "GUIVariable"
m (Remove redundant extra pipes) |
(→Simple types: Align left column cells to the top, for better "link to a row" support) |
||
Line 9: | Line 9: | ||
!Variable !!Description | !Variable !!Description | ||
|- | |- | ||
− | | <span id="unsigned">unsigned</span> | + | |style="vertical-align:top"| <span id="unsigned">unsigned</span> |
| Unsigned number (positive whole numbers and zero). | | Unsigned number (positive whole numbers and zero). | ||
|- | |- | ||
− | | <span id="f_unsigned">f_unsigned</span> | + | |style="vertical-align:top"| <span id="f_unsigned">f_unsigned</span> |
| Unsigned number or formula returning an unsigned number. | | Unsigned number or formula returning an unsigned number. | ||
|- | |- | ||
− | | <span id="int">int</span> | + | |style="vertical-align:top"| <span id="int">int</span> |
| Signed number (whole numbers). | | Signed number (whole numbers). | ||
|- | |- | ||
− | | <span id="f_int">f_int</span> | + | |style="vertical-align:top"| <span id="f_int">f_int</span> |
| Signed number or formula returning an signed number. | | Signed number or formula returning an signed number. | ||
|- | |- | ||
− | | <span id="bool">bool</span> | + | |style="vertical-align:top"| <span id="bool">bool</span> |
| A boolean value accepts the normal values as the rest of the game. | | A boolean value accepts the normal values as the rest of the game. | ||
|- | |- | ||
− | | <span id="f_bool">f_bool</span> | + | |style="vertical-align:top"| <span id="f_bool">f_bool</span> |
| Boolean value or a formula returning a boolean value. | | Boolean value or a formula returning a boolean value. | ||
|- | |- | ||
− | | <span id="string">string</span> | + | |style="vertical-align:top"| <span id="string">string</span> |
| A text. | | A text. | ||
|- | |- | ||
− | | <span id="tstring">tstring</span> | + | |style="vertical-align:top"| <span id="tstring">tstring</span> |
| A translatable string. | | A translatable string. | ||
|- | |- | ||
− | | <span id="f_tstring">f_tstring</span> | + | |style="vertical-align:top"| <span id="f_tstring">f_tstring</span> |
| Formula returning a translatable string. | | Formula returning a translatable string. | ||
|- | |- | ||
− | | <span id="function">function</span> | + | |style="vertical-align:top"| <span id="function">function</span> |
| A string containing a set of function definition for the formula language. | | A string containing a set of function definition for the formula language. | ||
|- | |- | ||
− | | <span id="color">color</span> | + | |style="vertical-align:top"| <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. | | 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> | + | |style="vertical-align:top"| <span id="font_style">font_style</span> |
| A string which contains the style of the font: | | A string which contains the style of the font: | ||
* normal normal font | * normal normal font | ||
Line 50: | Line 50: | ||
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. | 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. | ||
|- | |- | ||
− | | <span id="v_align">v_align</span> | + | |style="vertical-align:top"| <span id="v_align">v_align</span> |
| Vertical alignment; how an item is aligned vertically in the available space. Possible values: | | Vertical alignment; how an item is aligned vertically in the available space. Possible values: | ||
* top aligned at the top | * top aligned at the top | ||
Line 57: | Line 57: | ||
When nothing is set or an another value as in the list the item is centered. | When nothing is set or an another value as in the list the item is centered. | ||
|- | |- | ||
− | | <span id="h_align">h_align</span> | + | |style="vertical-align:top"| <span id="h_align">h_align</span> |
| Horizontal alignment; how an item is aligned horizontally in the available space. Possible values: | | 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 | ||
Line 63: | Line 63: | ||
* center centered | * center centered | ||
|- | |- | ||
− | | <span id="f_h_align">f_h_align</span> | + | |style="vertical-align:top"| <span id="f_h_align">f_h_align</span> |
| A horizontal alignment or a formula returning a horizontal alignment. | | A horizontal alignment or a formula returning a horizontal alignment. | ||
|- | |- | ||
− | | <span id="border">border</span> | + | |style="vertical-align:top"| <span id="border">border</span> |
| Comma separated list of borders to use. Possible values: | | Comma separated list of borders to use. Possible values: | ||
* left border at the left side | * left border at the left side | ||
Line 74: | Line 74: | ||
* all alias for "left, right, top, bottom" | * all alias for "left, right, top, bottom" | ||
|- | |- | ||
− | | <span id="scrollbar_mode">scrollbar_mode</span> | + | |style="vertical-align:top"| <span id="scrollbar_mode">scrollbar_mode</span> |
| How to show the scrollbar of a widget. Possible values: | | 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. | ||
Line 82: | Line 82: | ||
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. | 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. | ||
|- | |- | ||
− | | <span id="resize_mode">resize_mode</span> | + | |style="vertical-align:top"| <span id="resize_mode">resize_mode</span> |
| Determines how an image is resized. Possible values: | | Determines how an image is resized. Possible values: | ||
* scale The image is scaled. | * scale The image is scaled. | ||
Line 88: | Line 88: | ||
* tile The image is placed several times until the entire surface is filled. The last images are truncated. | * tile The image is placed several times until the entire surface is filled. The last images are truncated. | ||
|- | |- | ||
− | | <span id="grow_direction">grow_direction</span> | + | |style="vertical-align:top"| <span id="grow_direction">grow_direction</span> |
| Determines how an image is resized. Possible values: | | Determines how an image is resized. Possible values: | ||
* scale The image is scaled. | * scale The image is scaled. |
Revision as of 18:06, 4 August 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.) |