Difference between revisions of "Panel"

From HSYCO
Jump to navigation Jump to search
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{UI Object Header}}.
+
{{UI Object Header}}
  
 
Displays a background panel with a specific color, based on the skin.
 
Displays a background panel with a specific color, based on the skin.
Line 18: Line 18:
 
== UI Attributes ==
 
== UI Attributes ==
 
{{UI Object Attributes (Common)}}
 
{{UI Object Attributes (Common)}}
 +
 +
=== Panel attributes ===
 +
{| class="wikitable"
 +
!Name
 +
!Value
 +
!Description
 +
|-
 +
 +
|width
 +
|<width>
 +
|Width in pixels. E.g. "100"
 +
|-
 +
 +
|height
 +
|<height>
 +
|Height in pixels. E.g. "100"
 +
|-
 +
 +
 +
|color
 +
|<color>
 +
|Color, depending on the skin (e.g. red, blue, yellow, glass ...)
 +
 +
|}

Latest revision as of 16:57, 23 September 2015

Note  For a description and a complete list of UI Objects, see UI Objects.

Displays a background panel with a specific color, based on the skin.

UI Object panel.png

Parameters

  • id: the object's ID, used by UISets
  • position: the object's position. Use the pixels or rows and columns coordinates format
  • size: the panel's width and height
  • color: the color of the button. It can assume any of the skin's color values (E.g. for the "blue" skin, the possible values are: b - blue; g - green; gr - gray; r - red; y - yellow; glass)

Syntax

(panel[!<id>] <pos>; <width>; <height>; <color>)

E.g.

(panel!mypanel r1c1; 200; 200; gr)

UI Attributes

Common attributes

Name Value Description
pos x<x>y<y> Position specified as x/y coordinates. E.g. x-5y10
r<r>c<c> Position specified as row/column. E.g. r1c2
visible true Default. Show the object
false Hide the object
blink true | slow Blink the object at a slow speed
fast Blink the object at a fast speed
false Stop the blinking
opacity 0.0 ... 1.0 Object opacity from 0 (not visible) to 1 (fully visible)
rotation 0 ... 360 Object rotation in degrees. Images are rotated around the center point, all other objects are rotated around the top left corner

Panel attributes

Name Value Description
width <width> Width in pixels. E.g. "100"
height <height> Height in pixels. E.g. "100"
color <color> Color, depending on the skin (e.g. red, blue, yellow, glass ...)