ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Image control
  • Overview
  • Displaying an image file in an Image control
  • In a window
  • Retrieving the name of the image file displayed in the Image control
  • In a window
  • Retrieving the position of the mouse in a clickable image
  • Clearing or reinitializing the content of an Image control
  • Properties specific to Image controls
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
Handling Image controls programmatically
Overview
WINDEV, WEBDEV and WINDEV Mobile allow you to handle an Image control through programming. To do so, use the variable of the Image control in the code.
The variable of Image control corresponds to the name of Image control. This variable is a text variable.
Displaying an image file in an Image control
Universal Windows 10 AppAndroidAndroid Widget iPhone/iPad

In a window

To display an image file in an Image control, a simple assignment is sufficient.
For example:
  • direct assignment:
    IMG_MyImage = "C:\Temp\MyImage.gif"
  • assignment using a variable:
    ImagePath = fCurrentDir() + "\MyImage.gif"
    IMG_MyImage = ImagePath

    Remark: An Image control can also be initialized from a buffer variable or from a text variable containing the image value in binary format.
Remark: if the control is associated with a data file item, values are assigned automatically via FileToScreen. For more details, see Linking an Image control to an item.
Retrieving the name of the image file displayed in the Image control
Universal Windows 10 AppAndroidAndroid Widget iPhone/iPad

In a window

To retrieve the name of the image displayed in an Image control:
  • perform a simple assignment. For example:
    EDT_CurrentImageContent = IMG_Image1
  • retrieve part of the name, with fExtractPath. For example:
    NameImageFile = fExtractPath(IMG_Image1, fFile + fExtension)
  • use the Value property
Remark: To retrieve the image (or its name) in the item associated with the Image control:
  1. If the control is associated with a text item, the entered value is automatically retrieved via ScreenToFile. You also have the ability to use the following notation: CUSTOMER.NAME = EDT_Edit1.
  2. If the control is associated with a binary memo, use HLinkMemo to associate the image file with the item.
  3. If the Image control was assigned from a buffer variable or from a string variable, Value returns an empty string.
    For more details, see Linking an Image control to an item.
Retrieving the position of the mouse in a clickable image
Universal Windows 10 AppAndroidiPhone/iPad To retrieve the position of the mouse in a click area, the following functions must be used in the click code of the image:
MouseXPosReturns the horizontal coordinate of the mouse click.
MouseYPosReturns the vertical coordinate of the mouse click.
Clearing or reinitializing the content of an Image control
To clear or reinitialize an Image control, all you have to do is assign an empty string to the Image control. For example:
IMG_MyImage = ""

Remark: You also have the ability to use dStartDrawing/dEndDrawing on the Image control.
Properties specific to Image controls
Universal Windows 10 AppAndroidiPhone/iPad The following properties are used to manage the characteristics of an Image control by programming.
AnimationGets the current status of the animated image or starts/stops the animation of an image (e.g., animated GIF).
HorizontalAlignmentGets and sets the horizontal alignment of the image caption.
ImageModeUsed to find out and modify the display mode of an image in an Image control.
InitialAnimationUsed to find out the initial status of the animation in an Image control.
VerticalAlignmentGets and sets the vertical alignment of the image caption.

For a complete list of WLanguage properties that can be used with Image controls, see Image control properties.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment

Last update: 06/06/2023

Send a report | Local help