Sidebar

Home



Expressions V4


Tutorials

How-To

Reference

  Lexical basics
  Type system
  Variables and assignment
  Operators
  Expression rules
  Control flow
  Functions
  Built-in functions
   None and NaN
   Arithmetic
   Algebra
   Logarithmic and Exponential
   Trigonometric
   Rounding and Centering
   Strings
   Output, Formatting, Clipboard, and Errors
   Dialog Functions
   Platform and Paths
  Methods and properties
  Built-in methods
   Common Value Methods
   Number Methods
   String Basic Methods
   String Slice Methods
   String Parsing Methods
   String Formatting Methods
   String Regex Methods
   String Trim and Case Methods
  Objects
  Built-in objects
   Global objects
    settings
    controller
    session
    python
   Collections
    array
    map
    bytes
   File Format I/O
    image_data
    image_stream
   Utils
    crypto
    timer
   Comm
    serial
   Dialogs
    file_open
    file_save
    msg_ok
    msg_ok_cancel
    msg_yes_no
    msg_password
   GUI objects
    window
    panel
    group
    splitpanel
    label
    textbutton
    drawablebutton
    togglebutton
    togglegroup
    textinput
    textedit
    numinput
    slider
    combobox
    listbox
    progressbar
    led
    separator
    menu
    image
    snake
  Classes and user-defined objects
  Include system
  Error model
  Execution model and sessions
  Host integration
  Limits and performance
  Formal reference
  Glossary

Cookbook

exprv4:reference:objects:gui_panel

panel

`panel()` creates a general-purpose container for other GUI components.

Constructor

panel()

Creates a panel object.

Item Description
Syntax `panel()`
Arguments none
Returns panel object

Example:

p = panel().position(10, 10).size(300, 120).border(1);

Properties

Properties are read-only. Use methods to change GUI object state.

Property Type Description
`position_x` number Current x position.
`position_y` number Current y position.
`size_width` number Current width.
`size_height` number Current height.
`visible` boolean Current visible state.
`enabled` boolean Current enabled state.
`border` number Current border size. `0` means no border.
`fit_parent` boolean `true` when `size(-1, -1)` was used to fit the parent area.

Common Object Methods

to_string()

Returns a display string for the object.

Item Description
Syntax `value.to_string()`
Arguments none
Returns string

Example:

text = value.to_string();

`clone()` is not supported for `panel`.


Most visible GUI controls support these methods.

position(x, y)

Sets the component position in pixels.

Item Description
Syntax `component.position(x, y)`
Arguments `x`: x position; `y`: y position
Returns component object

Example:

label().position(20, 10);

size(width, height)

Sets the component size in pixels. Width and height are clamped to at least `1`.

Some container objects, such as `panel()` and `group()`, use `size(-1, -1)` as a special fit-parent mode.

Item Description
Syntax `component.size(width, height)`
Arguments `width`: width in pixels; `height`: height in pixels
Returns component object

Example:

textinput().size(220, 26);

visible(enabled)

Shows or hides the component.

Item Description
Syntax `component.visible(enabled)`
Arguments `enabled`: boolean
Returns component object

Example:

status.visible(false);

enabled(enabled)

Enables or disables user interaction with the component.

Item Description
Syntax `component.enabled(enabled)`
Arguments `enabled`: boolean
Returns component object

Example:

run_button.enabled(false);

Methods

border(size)

Sets panel border size. Values below `0` are clamped to `0`.

Item Description
Syntax `panel.border(size)`
Arguments `size`: border size in pixels
Returns panel object

Example:

p = panel().border(1);

on_resize(callback)

Sets a callback called after the panel content area is resized.

Item Description
Syntax `panel.on_resize(callback)`
Arguments `callback`: callable with four arguments: `x`, `y`, `width`, `height`
Returns panel object

The callback receives the usable content area after panel border spacing is subtracted.

Example:

function panel_resized(x, y, width, height)
{
    print('panel size: ', width, ' x ', height);
}
 
p = panel().on_resize(panel_resized);

add(component)

Adds a child GUI component to the panel.

A component can belong to only one container. Adding the same component again to the same panel is ignored; adding a component that already belongs to another container raises an error.

Item Description
Syntax `panel.add(component)`
Arguments `component`: GUI component object
Returns panel object

Example:

p = panel().position(10, 10).size(300, 120).border(1);
p.add(label().position(10, 10).size(200, 24).text('Panel content'));

Example

p = panel().position(10, 10).size(300, 120).border(1);
p.add(label().position(10, 10).size(200, 24).text('Panel content'));
window().title('Panel').size(340, 180).add(p).show();

Previous: window

Next: group

exprv4/reference/objects/gui_panel.txt · Last modified: by andrej

Page Tools