Images are used to render a variety of image formats at specific coordinates in the user interface created with our guiDesigner software. Images can be either Static or Dynamic. The path of the image defines whether the image will be dynamic or static.
The following image formats are supported:
Static images are defined at design time and always remain the same. The path of a static image is based on the Asset Folder setting in Project Properties.
There are two types of dynamic images supported:
Any image path starting with
http:// will be dynamically loaded when the image comes into view (either on a Page or Subpage).
The image path can also be changed on the fly by assigning the image a Serial Join and changing the joins value to point to a new HTTP URL or to any image used within the project.
One trick commonly used is to create a Cache Page and place any images you want to use dynamically later on within this page.
Then you can change the serial join of any image in your GUI to point to any of these cached images.
For example, if you place an image “weather_01.png” on a Cache Page, you can refer to it on any of your other pages by changing an images serial join to the value 'weather_01.png'.
To automatically refresh an image, you can set the Refresh Rate of the Image properties.
This is a value in milliseconds at which the image will constantly refresh whilst the image is in view.
Otherwise, whenever the serial join is updated to a new (or existing) value, the image will refresh.
This way you can force a refresh at any time you need. Sending the same serial value as is already associated with the serial join will still cause it to refresh.
To implement an image in guiDesigner:
Assign a join value more than 0 to enable dynamic image path.
This option allows for manual entry of the position and size of the image.
Browse to the directory or path where the default image is stored and to be selected.
The rate (in milliseconds) the image will constantly refresh whilst the image is in view.
A preview of what the image will look like.
When you choose the image in Image Properties, if the image resolution is a different size to the image box you created originally then the image perspective will be distorted. You can fix this by right clicking on the image and clicking
Match Assigned Image Size.