PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
This content comes from an automatic translation.
  • Overview
  • Options of the description window
  • "General" tab
  • "UI" tab
  • "Details" tab
  • "Style" tab
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
Overview
This help page presents the characteristics of an Image control found in a window.
Reminder: To create an Image control:
  1. On the "Creation" pane, in the "Usual controls" group, click "Image".
  2. Click where you want to create the control. The control appears in the editor.
To view the control characteristics, select "Description" in the popup menu of the control.
Options of the description window

"General" tab

The "General" tab is used to define the displayed image and its characteristics.
Choosing the image displayed in the control:
The image displayed by the control is selected via the button, "Browse" option.
WINDEVAndroidAndroid Widget iPhone/iPad If the Image control allows displaying a PDF file, simply select the file to display. The following properties are available:
  • WINDEV ..ImageMode: Used to find out and change the display mode of an image.
  • ..NumberPage: Allows you to know the number of pages present in a PDF file displayed in a Image control.
  • ..PageNumber: Used to find out and change the page number of a PDF file displayed in an Image control.
WINDEV Caution: Displaying a PDF file in an image requires the GDI+ framework.
Versions 20 and later
AndroidiPhone/iPad To manage the DPIs of different devices, the name of image file must follow a specific format. See Android/iOS: Providing an image per DPI for more details.
New in version 20
AndroidiPhone/iPad To manage the DPIs of different devices, the name of image file must follow a specific format. See Android/iOS: Providing an image per DPI for more details.
AndroidiPhone/iPad To manage the DPIs of different devices, the name of image file must follow a specific format. See Android/iOS: Providing an image per DPI for more details.
Other options: You can define:

"UI" tab

In the "UI" tab, you can define:
  • the initial control status,
  • Versions 21 and later
    whether the crosshair must be displayed (or not) in the control. The crosshair corresponds to the thumbnail displayed by default in the Image control in the editor.
    Image with crosshair
    Image with crosshair
    Image without crosshair
    Image without crosshair
    This option can also be enabled/disabled for all Image controls in the options of window editor. See Options of the window editor for more details.
    New in version 21
    whether the crosshair must be displayed (or not) in the control. The crosshair corresponds to the thumbnail displayed by default in the Image control in the editor.
    Image with crosshair
    Image with crosshair
    Image without crosshair
    Image without crosshair
    This option can also be enabled/disabled for all Image controls in the options of window editor. See Options of the window editor for more details.
    whether the crosshair must be displayed (or not) in the control. The crosshair corresponds to the thumbnail displayed by default in the Image control in the editor.
    Image with crosshair
    Image with crosshair
    Image without crosshair
    Image without crosshair
    This option can also be enabled/disabled for all Image controls in the options of window editor. See Options of the window editor for more details.
  • the action performed during a right click,
  • the popup menu associated with the control,
  • ...

"Details" tab

The "Details" tab is used to define:
  • The display parameters
    • Load in the background: This option is used to avoid locking the application if the image must be loaded from a site. An animation is automatically displayed in the Image control if necessary.
      Remark: If the Image control is found in a Looper control, the image is always loaded in background task (no matter whether the option is enabled or not).
    • Versions 18 and later
      WINDEVAndroidAndroid Widget Java Orientate according to the Exif data of image: If this option is enabled, a photo will be automatically displayed in the proper direction (portrait or landscape) according to the Exif data of photo.
      New in version 18
      WINDEVAndroidAndroid Widget Java Orientate according to the Exif data of image: If this option is enabled, a photo will be automatically displayed in the proper direction (portrait or landscape) according to the Exif data of photo.
      WINDEVAndroidAndroid Widget Java Orientate according to the Exif data of image: If this option is enabled, a photo will be automatically displayed in the proper direction (portrait or landscape) according to the Exif data of photo.
    • WINDEV Automatic scrollbars and zoom: This option is required to display the PDF files in the Image controls. If the PDF file cannot be entirely displayed in the Image control, scrollbars are displayed and the zoom is available by pressing Ctrl + mouse wheel. The zoom can also be handled by programming with ..Zoom.
    • AndroidAndroid Widget iPhone/iPad Zoom and scroll with finger: This option is used to manage the multi-touch in the mobile applications. See Multi-touch in an Image control for more details.
  • The animation options
    See Animating an image for more details.
  • The options of click area
    See Clickable Image control for more details.

"Style" tab

The "Style" tab is used to define the style of different elements found in the Image control. You can define:
  • Versions 21 and later
    An animation when changing the image displayed in the control ("Control animation" element). The "Parameters" button is used to define the duration of animation.
    New in version 21
    An animation when changing the image displayed in the control ("Control animation" element). The "Parameters" button is used to define the duration of animation.
    An animation when changing the image displayed in the control ("Control animation" element). The "Parameters" button is used to define the duration of animation.
  • A border ("Outside border" element).
  • A soft shade ("soft shade" element).
To define the image border:
  1. Select the "Outside border" element.
  2. Expand the "Border" list. The available borders are displayed.
    • The "Round xxx" options are used to define a round border. If these options are selected, a blue arrow allows you to open the window for style configuration in the "Style" tab.
    • The "Image (9-slice scaling)" option allows you to choose an image for the border and to configure it via 9-slice scaling.
    • The "Custom" option is used to define a custom border. If this option is selected, a blue arrow allows you to open the window for configuring the custom shape.
    • Versions 21 and later
      The "Round" option is used to create a round image. If these options are selected, a blue arrow allows you to open the configuration window (line thickness and style)
      Caution: To avoid being distorted, the display mode of the image must be homothetic.
      New in version 21
      The "Round" option is used to create a round image. If these options are selected, a blue arrow allows you to open the configuration window (line thickness and style)
      Caution: To avoid being distorted, the display mode of the image must be homothetic.
      The "Round" option is used to create a round image. If these options are selected, a blue arrow allows you to open the configuration window (line thickness and style)
      Caution: To avoid being distorted, the display mode of the image must be homothetic.
Minimum version required
  • Version 9
This page is also available for…
Comments
Click [Add] to post a comment