Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

Used to insert an external image file from your computer into the solution configuration, like such as an icon, wallpaper, object, or background image. You can manage the imported images at DisplaysImages. After  After the image is imported, you no longer need the original file. Images can be used as color brushes for any drawing object, and they can even be used as "color" or in the ColorFill dynamic attributes.

On this page:

Table of Contents
maxLevel3

Understanding Images

It refers to a data grid that imports and manages file collections of pictures and graphical patterns. The solution database file stores these images, enabling users to access and use them without the original files. This feature supports customizing elements in the application, such as filling shapes or backgrounds and adding dynamics.

Definition

The Images refer to the user interface for managing image file collections. It provides features and tools for image resource management.

Purpose

Images provide elements that users can incorporate into application interfaces, enhancing appearance and functionality.

Function

Images serve as a library, allowing users to select images to apply to different parts of their application's interface, including filling shapes, backgrounds, and creating elements.

Operation

Users import image files into the application via Displays → Images. The application then stores these images in its database, making them available for use.

Application

Images are used in interface design within the application, notably in designing and customizing components of displays.

Usage

To use Images, users navigate to Displays → Images, import their chosen image files, and then apply these images in interface designs. The feature supports file types like .bmp, .gif, .ico, .jpg, .png, .tiff, and .wdp, catering to various needs. This feature facilitates adding and managing elements in an application, improving efficiency and creativity.

stylenone


Image Added


Working with Display

Working with

Images

You can import any image file in the Displays / Images. This creates a repository of images for the application that is stored inside the project database file. You do not need the original files anymore. These images can be used to be the Fill of an object, such as rectangles, ellipses, LabelBoxes, paths, page background, or target color in runtime dynamics using colors. 

Supported file types include .bmp, .gif, .ico, .jpg, .svg, .png, .tiff, and .wdp.

If you need to update an image with a new version, you can replace it, and it will be updated throughout the application. Be sure to keep the resource name the same.

You can use any image file to fill or "paint" an object when you create displays in Display / Draw → Drawing.

Importing Image resources

  1. Go to Displays → Images.

  2. Click Import Images.

  3. Navigate to

where
  1. the folder of the images you want to import.

  2. Select the image files and click Open

.In each row, enter or select information, as needed
  1. .

Adding

an

image to

a display

displays

  1. Go to

Drawing Environment, and click Insert an Image.
  • A new window will open. Click the Import file button.
  • The new image becomes the Fill for the rectangle. Click Fill to change the image settings.
    1. Displays / Draw.

    2. On the Components Panel, click on the Images Component category.

    3. Select the image and click in the Draw area.

    Image Added

    You can change the Stretch to None, Fill, Uniform and UniformToFill. Also, you can see all of the image files that are in the project, and you can change between them by using the Select Resource button or clicking on the image in the top toolbar.


    Info

    Typically, you may use UNIFORM or FILL for image stretching. The image (using the Appearance menu to the left) can be applied to any graphical shape in the display. 



    Displays Images Table

    You apply the images directly in the Draw interface, so it is usually not necessary to visit this table, except for importing new images or managing image resources.

    Displays Images Table

    Properties References

    Image Properties

    The table provides a reference for the Image properties.

    Image Resources Properties

    Name

    Edit the default name.

    Description

    Enter a description of this image.

    Folder

    Specify the folder where the resource is

    ResourceType

    Specify the type of the resource

    Dimension

    Read-only. Show the dimension of the resource file

    Size

    Read-only. Show the size of the resource file



    In this section:

    Page Tree
    root@parent
    spacesV10