PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • Display modes
  • Transparency
  • Position, Symmetry
  • Position
  • Symmetry
  • Programming
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Display modes
An image can be displayed in a window, a window control, a report control, a page control or a block according to several display modes.
These display modes produce different effects:

100%: The image is displayed at 100% from the top left corner of the window, the control or the block.

Centered: The image is displayed at 100% and it is centered in the window, control or block.

Stretched: The image is stretched to occupy the entire surface of the window, control or block.
Universal Windows 10 App This mode is not supported in Windows Phone.
Universal Windows 10 App This mode is not supported in Universal Windows 10 App mode.

Tiled: The image is displayed at 100% and it is repeated in order to occupy the entire surface of the window, control or block.

Homothetic: The image is proportionally enlarged to be entirely displayed in the window, control or block.

Homothetic extended: The image is proportionally enlarged so that the smallest side of the image is entirely displayed in the window, control or block.

Homothetic centered: The image is homothetic and it is centered in the window, control or block.

Homothetic centered extended: The image is extended and it is centered in the window, control or block.
Homothetic without increasing size: If the image can be entirely displayed in the window, Image control or block, it is displayed at 100%. If the image is bigger than the window, Image control or block, it is automatically reduced proportionally in order to be entirely displayed.

Java This mode is not supported in Java.
Universal Windows 10 App This mode is not supported in Windows Phone.
Universal Windows 10 App This mode is not supported in Universal Windows 10 App mode.
In homothetic mode, the "High-quality display" option ("HQ +...") is used to increase the quality of the image when this one is reduced in relation to its initial size.
AndroidAndroid Widget PHP The "High Quality Display" option is not available.
WEBDEV - Server code Thumbnail control: Only the "Homothetic centered" and "Stretched" modes are available.
Transparency
When displaying an image, you have the ability to define the transparency options of the image. These options will be stored even if the image is modified by programming (..Image).
The possible options are as follows:
  • Transparent magenta: The magenta color found in the image will be transparent when the image is displayed in the editor or at run time.
    Transparency: none
    Transparency: none
    Transparent magenta
    Transparent magenta

    AndroidAndroid Widget Universal Windows 10 App The magenta cannot be used to manage the transparency.
  • Top left pixel: all pixels with the same color as the top left pixel of image will be transparent.
    WEBDEV - Server code The transparency of the top left pixed does not operate on the generated images (dynamically created on the server).
Caution: The use of a transparent background image significantly slows down the re-display of the window (time multiplied by 3 or 4). We advise you to:
  • avoid using images with a transparent background.
  • for the images in GIF or PSD format, make sure that no transparency color is described in the image format (via an image processing software for example).
Universal Windows 10 App The transparency of the image cannot be managed.
Position, Symmetry
WINDEViPhone/iPadWindows MobileUniversal Windows 10 AppJava

Position

This parameter is used to define the position of the top left corner of the image in relation to the window or to the window control.
These options will be stored even if the image is modified by programming (..Image).
WINDEVWindows MobileJava

Symmetry

The symmetry options are used to change the orientation of image found in the image file. These options will be stored even if the image is modified by programming (..Image).
The options are as follows:
Vertical symmetry
Vertical symmetry
Horizontal symmetry
Horizontal symmetry
Horizontal and vertical symmetry
Horizontal and vertical symmetry
Programming
The images can be managed by programming:
  • via the following properties:
    Versions 09 and later
    BackgroundImage
    New in version 09
    BackgroundImage
    BackgroundImage
    ..BackgroundImage is used to find out and modify the background image of an element: window, page, control or report.
    Versions 20 and later
    BackgroundImagePrinted
    New in version 20
    BackgroundImagePrinted
    BackgroundImagePrinted
    ..BackgroundImagePrinted is used to:
    • Find out whether the background image of a report (form report or not) must be printed.
    • Print (or not) the background image of a report.
    Versions 09 and later
    BackgroundImageState
    New in version 09
    BackgroundImageState
    BackgroundImageState
    ..BackgroundImageState is used to find out and modify the number of drawings found in the image associated with the border of a button.
    Versions 09 and later
    Image
    New in version 09
    Image
    Image
    ..Image is used to find out and modify the background image associated with a control or with a block.
    Versions 09 and later
    ImageMode
    New in version 09
    ImageMode
    ImageMode
    ..ImageMode is used to find out and modify the display mode of an image in an Image control, in an Image table column and in the background of a Chart control found in a window.
  • via the following functions:
    Versions 09 and later
    WinBackgroundImage
    New in version 09
    WinBackgroundImage
    WinBackgroundImage
    Modifies the background image of a window and specifies the display mode of this image.
Minimum required version
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment