Image Elements

From Smart LCD

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)

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
Align could be: Left / Right / Center
Integer Digits is the no. of digit on left side of the dot (Auto by default)
Decimal Digits is the no of digit on right side of the dot
Content
VP Resource is the type of VP hold the content (VP_N16 by default)
VP Address is the VP that hold the value
First Icon is the first IMG_ICO of a series of the icons which present as number


Advance

- Compile As can force VP variable work different than default (Auto)

VP_N16 (two successive VP_N16) work as VP_N32

VP_N32 (first two byte of VP_N32) work as VP_N16

VP_N64 (first two byte of VP_N64) work as VP_N16

VP_N64 (first four byte of VP_N64) work as VP_N32

- Location pointer is reserved, keep none for normal operation


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 VP is none by default (using the above selected font)

Select a VP for real time change the first IMG_ICO ID

of a series of icons to be use

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