PC SOFT

ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Home | Sign in | English EN

  • Finding out the display mode and the alignment mode of an image (syntax 1)
  • Limits
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
The ImageMode property is used to get and change:
  • the display mode of an image,
  • the alignment of image,
  • the HQ mode of image.
This property can be used:
  • for an Image control,
  • for an Image table column,
  • for the background of a Chart control found in a window,
  • for a Button control.
Remark: The display mode of an image is defined in the window editor or in the page editor in the control description ("General" tab).
For example:
Normal image
Normal image
Centered image
Centered image
Stretched image
Stretched image
Homothetic centered image
Homothetic centered image
Tiled image
Tiled image
Example
// Modify the display mode of image found in the "IMG_CarImage" control
IMG_CarImage.ImageMode = imgTiled
// Modify the display mode and the alignment mode of image found in "IMG_CarImage"
IMG_CarImage.ImageMode = imgNormal + imgAlignVBottom
// Management of large fonts: the image is not enlarged because a drawing will be performed
IMG_CarImage.ImageMode = IMG_CarImage.ImageMode + imgNoScale
Syntax

Finding out the display mode and the alignment mode of an image Hide the details

<Current mode> = <Control used>.ImageMode
<Current mode>: Integer constant (or combination of constants)
  • Current image display mode:
    imgCenteredCentered: Image centered in the control.
    imgHHomothetic: Image enlarged or reduced (while respecting the proportions of initial image) to occupy the entire surface of control.
    imgHCHomothetic centered: Image enlarged or reduced (while respecting the proportions of initial image) to occupy the entire surface of control and centered in the control.
    imgHCEHomothetic centered extended: Image enlarged or reduced (while respecting the proportions of the initial image) in order for the smaller side of the image to be entirely displayed in the control and in order for the image to be centered in the control.
    imgHCWISHomothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100% and centered in the control. Otherwise, the image is proportionally reduced in order to be entirely displayed and centered in the control.
    Android This constant is not available.
    imgHEHomothetic extended: Image enlarged or reduced (while respecting the proportions of initial image) so that the smaller side of image is entirely displayed in the control.
    imgHWISHomothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100%. Otherwise, the image is proportionally reduced in order to be entirely displayed.
    Android This constant is not available.
    imgNormal100%: Image displayed at 100% in the upper-left corner of the control.
    imgStretchedStretched: Image stretched across the entire surface of the control.
    imgTiledTiled: Image displayed at 100% and tiled to occupy the entire surface of control (tile).
  • Alignment mode of the image:
    imgAlignHCenteredHorizontally centered.
    WEBDEV - Server codeAndroidJava This constant is not available.
    imgAlignHRightHorizontal alignment to right.
    WEBDEV - Server codeAndroidJava This constant is not available.
    imgAlignVBottomBottom vertical alignment.
    WEBDEV - Server codeAndroidJava This constant is not available.
    imgAlignVCenteredVertically centered.
    WEBDEV - Server codeAndroidJava This constant is not available.
  • Management of image quality:
    imgHQIn homothetic mode, used to improve the quality of image when this one is reduced in relation to its initial size.
    WEBDEV - Server codeAndroidJava This constant is not available.
  • Management of large fonts:
    imgNoScaleIn "Large fonts" mode of Windows, the image displayed in an Image control is automatically zoomed.
    The imgNoScale constant allows you not to zoom the image in "Large fonts" mode. This constant is useful for controls where a drawing is performed on a bitmap image coming from a screenshot.
    This constant must be combined with one of the constants used to define the display mode of image.
    WEBDEV - Server codeAndroidJava This constant is not available.
<Control used>: Control name
Name of the control to be used.

Modifying the display mode and the alignment mode of an image Hide the details

<Control used>.ImageMode = <New mode>
<Control used>: Control name
Name of the control to be used.
<New mode>: Integer constant
  • New display mode for the image:
    imgCenteredCentered: Image centered in the control.
    imgHHomothetic: Image enlarged or reduced (while respecting the proportions of initial image) to occupy the entire surface of control.
    imgHCHomothetic centered: Image enlarged or reduced (while respecting the proportions of initial image) to occupy the entire surface of control and centered in the control.
    imgHCEHomothetic centered extended: Image enlarged or reduced (while respecting the proportions of the initial image) in order for the smaller side of the image to be entirely displayed in the control and in order for the image to be centered in the control.
    imgHCWISHomothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100% and centered in the control. Otherwise, the image is proportionally reduced in order to be entirely displayed and centered in the control.
    Android This constant is not available.
    imgHEHomothetic extended: Image enlarged or reduced (while respecting the proportions of initial image) so that the smaller side of image is entirely displayed in the control.
    imgHWISHomothetic without enlargement: If the image can be entirely displayed in the control, it is displayed at 100%. Otherwise, the image is proportionally reduced in order to be entirely displayed.
    Android This constant is not available.
    imgNormal100%: Image displayed at 100% in the upper-left corner of the control.
    imgStretchedStretched: Image stretched across the entire surface of the control.
    imgTiledTiled: Image displayed at 100% and tiled to occupy the entire surface of control (tile).
  • Alignment mode of the image:
    imgAlignHCenteredHorizontally centered.
    WEBDEV - Server codeAndroidJava This constant is not available.
    imgAlignHRightHorizontal alignment to right.
    WEBDEV - Server codeAndroidJava This constant is not available.
    imgAlignVBottomBottom vertical alignment.
    WEBDEV - Server codeAndroidJava This constant is not available.
    imgAlignVCenteredVertically centered.
    WEBDEV - Server codeAndroidJava This constant is not available.
  • Management of image quality:
    imgHQIn homothetic mode, used to improve the quality of image when this one is reduced in relation to its initial size.
    WEBDEV - Server codeAndroidJava This constant is not available.
  • Management of large fonts:
    imgNoScaleIn "Large fonts" mode of Windows, the image displayed in an Image control is automatically zoomed.
    The imgNoScale constant allows you not to zoom the image in "Large fonts" mode. This constant is useful for controls where a drawing is performed on a bitmap image coming from a screenshot.
    This constant must be combined with one of the constants used to define the display mode of image.
    WEBDEV - Server codeAndroidJava This constant is not available.
Remarks

Finding out the display mode and the alignment mode of an image (syntax 1)

The ImageMode property returns a single value representing both the image display and alignment mode.
To separate the alignment information from the display information, a binary filter must be applied in order to subtract the display mask or the alignment mask from the result (BinaryAND).
Tip: To only retrieve the value corresponding to the alignment mode, apply a binary mask whose value is the reunion of all alignment constants. The remaining constant will be the alignment constant used in the image. For example:
CurrentMode is int
MaskAlignmentMode is int
AlignmentMode is int
 
CurrentMode = IMG_Photo.ImageMode
 
MaskAlignmentMode = imgAlignHCentered + imgAlignHRight + imgAlignVBottom + imgAlignVCentered
 
AlignmentMode = BinaryAND(CurrentMode, MaskAlignmentMode)
Info(AlignmentMode)

Limits

The ImageMode property applies only to:
  • the Image controls,
  • the Image columns found in the Table controls,
  • Chart controls in windows,
  • the Button controls.
Java The ImageMode property applies only to Image controls.
AndroidJava If the display mode is modified through programming, the content of the image must be re-assigned to view the changes.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment