Versions Compared

Old Version 6

changes.mady.by.user Paulo Tsuchiya

Saved on

compared with

New Version Current

changes.mady.by.user Support

Saved on

Key

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

Overview

This document presents information about using images on Displays. 

The Drawing environment supports a powerful feature, which is allowing any Image to be used as Brush on top of other elements, like Rectangles, Ellipses and combination of shapes. 

The Images are included in the Solution File, so you don't need to worry about managing the external files from where the images were originally imported. It is aso possible, when needed, to load an image from an external file when The drawing environment allows you to use any image on various elements, such as rectangles, ellipses, and other shapes. The solution file includes all images used in your applications. You can also load images from external files while the solution is running. The drawing display tools allows allow you to easily manage the images , get more images from external files, quickly and apply those images them to the displays, either statically, or linked to dynamic properties. displays. This document provides information on how to use images in displays.

On this page:

Table of Contents
maxLevel3
stylenone

Understanding

Image Brushes

Images Library

There are three main repositories for reusable componentsgraphical elements: the Images Library, the Symbol Factory libraryLibrary, and the Local Symbols Gallery. Let's delve into each one.

Images are used to insert an external image file (such as an icon, wallpaper, object, or a background image) from your computer into the project configuration. Images They can be managed on Edit → under Displays → ResourcesImages. Once imported, the original file is no longer needed. Images can be used as color brushes for any drawing object and can even be used as "color" or the ColorFill dynamic attributes.

Configuring Images Brushes

.

Adding an Image to the Solution

Importing Image Resources

You can import

any image file in the Displays → Images tab. 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. 

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 Drawing → Drawing.

You can import the following file types:

  • .bmp
  • .gif
  • .ico
  • .jpg
  • .png
  • .tiff
  • .wdp

To manage resources:

  • Go to Displays → Images.
  • Click Import Images.
  • Navigate to where the images you want to import.
  • Select the image files and click Open.
  • In each row, enter or select information, as needed.

Column

Description

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

Working with Images.

Adding an image to a display

Insert Image Resource buttonImage Removed

  • 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.
  • 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. 

 

InfoQuick video tutorial on creating symbols with templates. Quick video tutorial on Setting Several Symbols.

Images to the solution by using the Images / Import File feature in Displays / Draw.

  1. Go to Displays → Draw.
  2. On the Components Panel, select Images, then Import File.
  3. Then you can choose the Image to be imported to the solution using the explorer.

Image Added


Adding an Image to a Display

  1. After importing the image using the method described above or via the Displays > Images page, the images will now be available within the Solution.
  2. Click or drag-and-drop it on the Drawing area to use it.

Image Added

Configuring Image Brushes

Images can be used as color brushes for any drawing object and can also serve as the color or FillColor dynamic attributes. You can use UNIFORM or FILL for image stretching.

The image can be applied to any graphical shape in the display. When a new image is inserted into the drawing area, it becomes the fill for the rectangle. Double-click it to open the configuration window.

Image Settings

Field

Description

Fill

Sets the content to fill the rectangle. Click to change the following options:

Stretch: changes the stretch to None, Fill, Uniform, or UniformToFill.

TileMode: determines how the image is repeated or tiled within the shape. The options are None, Tile, FlipX, FlipY, and FlipXY.

Viewport: changes the position of the image. Also, changes the width and height.

Select Resource...: searches a new image to fill the rectangle.

Line

If checked, applies a color to the rectangle's edge.

IsConnector

Indicates whether the graphical element functions as a connector. When enabled, this setting allows the element to act as a link or connection point between other elements in the drawing. 


In this section:

Page Tree
root@self@parent
spacesV10