Image Elements

Static Icon (ICO)

General
Show the basic information of the element
X and Y is the location of element on screen, reference point is element top-left corner
Width and Height are in pixels
top-left corner of the screen = 0,0

Style
Transparent = False by default
True: enable transparent effect to show the IMG_ICO
Auto: enable transparent effect and pick a high possible color as Transparent color
Transparent Color assign one color in the IMG_ICO that show as transparent
suggested to use pure color for transparent effect (e.g. pure-magenta pure-black, pure-white, etc…)

Content
Resources option are Icons(default) / Icon Pack
Icon select an IMG_ICO to be display
Mode options are Normal (Width and Height auto adjust for IMG_ICO) / Resize (resize the image into the Width and Height)

Properties Control (advance feature)
Enable VP is none by default (element operate normally)
Select a VP for real time element control. VP value will set to 1 as enable at power-on. It can be disabled (hidden) by a zero value
Icon Pack VP is none by default (using the above selected one)
Select a VP for real time Icon Pack change. VP value will copy the above IMG_ICO ID at power-on.
Icon VP is none by default (using the above selected font)
Select a VP for real time IMG_ICON change. VP value will copy the above IMG_ICO ID at power-on.
Transparent color VP is none by default (using the above selected color)
Select a VP for real time transparent color change. VP value will copy the above selected color at power-on.
Transparent VP is none by default (using the above option)
Select a VP for real time transparent background control. VP value will copy the above transparent config at power-on.
It can be enabled by a non-zero value or disable by a zero

Animation Element (ANI)

General
Show the basic information of the element
X and Y is the location of element on screen, reference point is element top-left corner
Width and Height are in pixels
top-left corner of the screen = 0,0

Style
Transparent = False by default
True: enable transparent effect to show the IMG_ANI
Transparent Color one color in the IMG_ANI could show as transparent.
suggested to use pure color for transparent effect (e.g. pure-magenta pure-black, pure-white, etc…) 

Format
Loop-Play = false by default, it will stop at the last frame of the IMG_ANI and keep showing it on screen
Play Speed = 100ms per frame by default 

Content
Animation select a IMG_ANI to show

Properties Control (advance feature)
Enable VP is none by default (element operate normally)
Select a VP for real time element control. VP value will set to 1 as enable at power-on. It can be disabled (hidden) by a zero value
Animation VP is none by default (using the above selected font)
Select a VP for real time IMG_ANI change. VP value will copy the above IMG_ICO ID at power-on.
Transparent color VP is none by default (using the above selected color)
Select a VP for real time transparent color change. VP value will copy the above selected color at power-on.
Transparent VP is none by default (using the above option)
Select a VP for real time transparent background control. VP value will copy the above transparent config at power-on.
It can be enabled by a non-zero value or disable by a zero

Bit Icon (IDX_BIT)

General
Show the basic information of the element
X and Y is the location of element on screen, reference point is element top-left corner
Width and Height are in pixels
top-left corner of the screen = 0,0

Style
Transparent = False by default
True: enable transparent effect to show the IMG_ANI
Transparent Color one color in the IMG_ANI could show as transparent.
suggested to use pure color for transparent effect (e.g. pure-magenta pure-black, pure-white, etc…) 

Visual Effect
Resources options are Icons / Icons Pack
Bit=1, Display options are Show Icon / Show Cropped BgImg
Bit=1, Icon/BgImg select a corresponding Icon or BgImg
none by default (monitor bit content = 1; no icon to show)
It can crop a box of a Background Image corresponding to the area.
Bit=0, Display options are Show Icon / Show Cropped BgImg
Bit=0, Icon/BgImg select a corresponding Icon or BgImg
none by default (monitor bit content = 0; no icon to show)
It can crop a box of a Background Image corresponding to the area.

Content
VP Resource options is the type of VP hold the content (VP_N16 by default)
VP Address is the VP that hold a value
Bit Position select a bit in the VP as monitor bit

Properties Control (advance feature)
Enable VP is none by default (element operate normally)
Select a VP for real time element control. VP value will set to 1 as enable at power-on. It can be disabled (hidden) by a zero value
Icon Pack VP is none by default (using the above selected one)
Select a VP for real time Icon Pack change. VP value will copy the above IMG_ICO ID at power-on.
ICON_1_VP is none by default (using the above selected font)
Select a VP for real time change the IMG_ICO ID (monitor bit content = 1) VP value will copy the above ID at power-on.
ICON_0_VP is none by default (using the above selected font)
Select a VP for real time change the IMG_ICO ID (monitor bit content = 0) VP value will copy the above ID at power-on.
Transparent color VP is none by default (using the above selected color)
Select a VP for real time transparent color change. VP value will copy the above selected color at power-on.
Transparent VP is none by default (using the above option)
Select a VP for real time transparent background control. VP value will copy the above transparent config at power-on.
It can be enabled by a non-zero value or disable by a zero

Preview
Preview Value is only for displaying text in SGTools environment

Indexed Icon (IDX)

General
Show the basic information of the element
X and Y is the location of element on screen, reference point is element top-left corner
Width and Height are in pixels
top-left corner of the screen = 0,0

Style
Transparent = False by default
True: enable transparent effect to show the IMG_ANI
Transparent Color one color in the IMG_ANI could show as transparent.
suggested to use pure color for transparent effect (e.g. pure-magenta pure-black, pure-white, etc…) 

 Content
VP Resource is the type of VP hold the content (VP_N16 by default)
VP Address is the VP that hold the value
Resources option are Icons(default) / Icon Pack
First Icon select the first IMG_ICO of a series of icons to be use and it will be display as Min Value
Min Value is the value that link to the first of the IMG_ICO series
Max Value is the value that link to the last of the IMG_ICO series

Properties Control (advance feature)
Enable VP is none by default (element operate normally)
Select a VP for real time element control. VP value will set to 1 as enable at power-on. It can be disabled (hidden) by a zero value
Icon Pack VP is none by default (using the above selected one)
Select a VP for real time Icon Pack change. VP value will copy the above IMG_ICO ID at power-on.
Icon VP is none by default (using the above selected font)
Select a VP for real time IMG_ICON change. VP value will copy the above IMG_ICO ID at power-on.
Transparent color VP is none by default (using the above selected color)
Select a VP for real time transparent color change. VP value will copy the above selected color at power-on.
Transparent VP is none by default (using the above option)
Select a VP for real time transparent background control. VP value will copy the above transparent config at power-on.
It can be enabled by a non-zero value or disable by a zero

Preview
Preview Value is only for displaying text in SGTools environment

Note

*1. Operation example

Decimal Icon (I16, I32)